Get Web Safe Fonts with Awesome Fontstacks

Published December 18, 2016 by CSS Newbies.

Awesome Fontstacks is a really great tool that can be used not only to create a beautiful font stack for your projects, but also to make sure that your font stacks have web safe options as backups, just in case. This way no matter what browser your user is on, or what type of machine they’re using, they’ll end up with a font that very closely resembles the style of your first choice font, even the first choice isn’t available to them.

Screen Shot 2016-12-17 at 11.32.57 AM

 

Awesome font stacks let you choose fonts for four different categories: headline, main text, decoration, and monospaced. Once you’ve chosen your four fonts, it gives you the links to download the font files and upload them to your site or server (this way they should be available to every user), and they also provide you with CSS code that provide you with beautiful font stack options. All of the fonts in your font stacks with very closely compare to your first choice font, so that if for some reason your first choice doesn’t load properly, one of the web safe fonts that loads in its place will be a close second. If your font choices are really important to you, this is an indispensable tool to have at your disposal.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>