A sample text widget

Etiam pulvinar consectetur dolor sed malesuada. Ut convallis euismod dolor nec pretium. Nunc ut tristique massa.

Nam sodales mi vitae dolor ullamcorper et vulputate enim accumsan. Morbi orci magna, tincidunt vitae molestie nec, molestie at mi. Nulla nulla lorem, suscipit in posuere in, interdum non magna.

Font servers for your web site

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.

Leave a Reply

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>