tabler-webfont-vite
Tabler-icons as webfonts, compatible with vite; with multiple weight support.
License
This project is licensed under AGPL-3.0. See the LICENSE
file for more informations.
Tabler version
The current version (0.2.0) was build with @tabler/icons
v2.14.0.
Installation
yarn add @bithero/tabler-webfont-vite
Usage
// Import the css
// It enables you to use the font via the 'ti' class, and access individual icons via 'ti-<icon>':
// <i class="ti ti-heart"></i>
import '@bithero/tabler-webfont-vite/dist/tabler-icons.css';
// Imports the iconmap / glyph_map into js
// Use it to access the raw unicode string for the icon; eg. iconmap['heart'] for \uf28b
import iconmap from '@bithero/tabler-webfont-vite';
Sizes
The fontfile comes in multiple sizes:
-
font-weight: 700
(orbold
), is build withstroke-size="2"
(tabler's default) -
font-weight: 400
(ornormal
), is build withstroke-size="1.5"
(this package's default)
Icon preview
The package ships with a tabler-icons.html
file which contains every icon; just point your browser to it to preview the icons.