Just discovered font servers. The idea is that instead of using font family preferences and counting on someone’s browser to have good looking fonts installed; use fonts, that you select, from a remote content delivery service. 

Google fonts

you may already know about Google fonts at https://www.google.com/fonts. You search or browse for fonts and get link code like so, <link href=’https://fonts.googleapis.com/css?family=Open+Sans’ rel=’stylesheet’ type=’text/css’>. Use the font on your page like so,    font-family: ‘Open Sans’, sans-serif;

I just did some googling and found some more that are also free:

Brick

http://brick.im/  search and click to add fonts to a bucket, then get a link like so, <link rel="stylesheet" href="//brick.a.ssl.fastly.net/Aileron:400">

Adobe Edge Fonts

https://edgewebfonts.adobe.com/index   Search for or select a font, you get a link like so: <script src="//use.edgefonts.net/abel.js"></script>,  use the font in your style sheet like so, font-family: abel, sans-serif;

Redfonts

http://redfonts.tk/   search for or click on a fonts and you get a style link like so: <link rel=’stylesheet’ type=’text/css’ href=’http://redfonts.tk/pre/FlNua’/>. Use it in your style sheet like so,  font-family: ‘Amable’;

So when your boss or site reviewers complain about fonts not being uniform, here is a way to fix it.

By admin

Leave a Reply

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