Get started with FontistoFontisto for designers and developers. There are many ways to use symbols. On your website or at your favorite frames (photoshop, illustrator, xd, sketchapp, zeplin, invision studio, framer ...)
Web Fonts with CSSThe classic way of using Fontisto icons - great for die hards and older browsers
Desktop UseEasily place icons in your design work and documents using ligatures and vectorsCOMING SOON
SVG with JSModern, easy and powerful with new features and the most backwards compatiblityCOMING SOON
Advanced OptionsHere be sprites, package manager options, preprocessors, APIs, and dragonsCOMING SOON
Use Fonfisto Free CDN
The folks at jsdelivr host the compressed Fontisto CSS for us. Just drop of these tag into your HTML and you're set
1. Copy the entire fontisto directory into your project.
2. In the <head> of your html, reference the location to your fontisto.min.css
3. Check out the examples to start using Fontisto!
CSS Preprocessors (Sass, Less, Stylus)
Compile Fontisto font with your own asset pipeline by downloading our source Sass/Less/Stylus, and documentation files. This option requires some additional tooling
1. Copy the fontisto/ directory into your project.
2. Open your project’s variables and edit the $fi-font-path variable to point to your font directory.
3. Re-compile your Sass if using a static compiler. Otherwise, you should be good to go.
4. Check out the examples to start using Fontisto!