You've downloaded the kit named FontTalis. Included are all the files you need to use your kit on the web or as you're designing.
What's included?
You are here
Gives an example of your icons and typefaces in action!
Directory containing anything related to your kits icons.
Directory containing SVG versions of all of your icons.
Directory containing the original images that you uploaded to Fort Awesome.
Directory containing the optimized, smaller images that are based off of the original.
Directory containing CSS that references your icons and typefaces.
Convenient Less mixins and variables.
Convenient SASS mixins and variables.
CSS that references the icons.eot font file (this is useful if you need to support older versions of Internet Explorer 8 or below)
CSS that includes the WOFF version of your icons and typefaces embedded using data URIs and base64 encoding. By using this file the browser will not have to make additional requests to your server to get the individual font files. The only downside is that you can't use alternative font formats like EOT.
CSS that includes all formats (including EOT for Internet Explorer) referenced as additional requests the browser can make.
Individual woff files representing your optimized typefaces. These files only include the character sets that you requested.
Fort Awesome tries to be as friendly to the directory structures and front end asset workflows you prefer as possible. With that said, here are some simple steps to get started using them:
- Move the icons (icons/) and typefaces (/typefaces) you want to use into your project's directory structure.
- Then move the CSS files (/css) you need (read above for descriptions of what each file contains) into your project's directory structure.
- Double-check that the paths to your icons and typefaces are still correct (given where you've moved things to). Adjust the paths as needed.
See our How-to article for a deeper walkthrough - https://articles.fortawesome.com/how-to-serve-fort-awesome-assets-yourself-5419b88ee2d4
Using your operating system's font management app (e.g. Font Book in Mac OSX), you can install the font version of your icons. Import/open either the icons.otf or icons.ttf file. Remember to activate your newly imported font as well.
Alternatively, you can find SVG versions of each icon in icons/svg. These can be opened and edited using your favorite graphics editor (Illustrator, Sketch, etc.).
See our How-to article for a deeper walkthrough - https://articles.fortawesome.com/how-to-fort-awesome-assets-on-the-desktop-e3fd15df6f43