One of the best things that happened in web design industry to the freedom to use different fonts or @font-face on your website, this can the designer achieve the look and feel that they wanted with the help of fonts.
Today, on this article we have the List of Different Font Face Generators, these generators are a big help to us as it saves us a lot of time picking and coding the fonts.
Now, what is @font-face?
@font-face is a css rule which allows you to download a particular font from your server to render a webpage if the user hasn’t got that font installed. This means that web designers will no longer have to adhere to a particular set of “web safe” fonts that the user has pre-installed on their computer.
Here’s an example;
But converting those fonts can be time consuming and not ideal in every web work, that’s why we rely on font generators and font converters. These are services that can convert your font into
- TTF – Raw True Type file, designed to look good on-screen.
- EOT – Supported by Internet Explorer.
- WOFF- Cross-browser, web only font format that uses gzip compression. IE9+, FF3.6+, Chrome 5+
All you have to do is upload your font file, and click convert and download the zip file. Paste the files generated from the download and copy the code into your CSS.
Some of these generators have less settings, and just click and download event is needed.
Here’s the Font Face Generators
Online Font Converter
@font-face kit generator
Here’s the list that I can find so far, my personal favorite is fontsquirrel because they have a large collection of fonts! If the font that I am looking for are not there, I often switch to other generators 😉
If you have a personal favorite from the list, let me know and if it’s not on the list put the link in the comment so we can add it!