Tabler's icon library as webfont; compatible with vite

Go to file

Mai Lapyst 3580039f3a Update 0.2.0		2023-04-05 06:23:51 +02:00
.gitignore	Initial commit	2023-04-05 00:54:27 +02:00
LICENSE	Initial commit	2023-04-05 00:54:27 +02:00
build.mjs	Update 0.2.0	2023-04-05 06:23:51 +02:00
fix-outline.py	Update 0.2.0	2023-04-05 06:23:51 +02:00
licenseheader.txt	Initial commit	2023-04-05 00:54:27 +02:00
package.json	Update 0.2.0	2023-04-05 06:23:51 +02:00
readme.md	Update 0.2.0	2023-04-05 06:23:51 +02:00
tmpl.css	Update 0.2.0	2023-04-05 06:23:51 +02:00
tmpl.html	Initial commit	2023-04-05 00:54:27 +02:00
tmpl.scss	Initial commit	2023-04-05 00:54:27 +02:00
yarn.lock	Initial commit	2023-04-05 00:54:27 +02:00

readme.md

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 (or bold), is build with stroke-size="2" (tabler's default)
font-weight: 400 (or normal), is build with stroke-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.