Do you remember life before Internet? This tool has come to make life easier (and much more amazing) but there are still a lot of fields to cover, as one of these implementations to make life easier is to learn that web design is not like designing for a print element.
The use of safe Font-Face is one of the most important things to have in mind when you have a PSD to HTML conversion; that is why we want to give you the most use of them in order to prevent HTML coders to update the design and end up making it look totally different from what you wanted in the first place.
We already know common fonts that are safer to use for web design:
- Arial / Helvetica- they are a good choice for short text, perhaps a paragraph or two in length.
- Times New Roman / Times- designed for use as newspaper column text. It has a small size, compared to most other fonts.
- Courier New / Courier- the traditional monospace font.
But there are other Common sans-serif fonts for you to play with web design, such as:
- Verdana- Its lowercase letters are very large, compared to the overall size of the font, which makes text easy to read on the web.
- Tahoma- Tahoma is another of Microsoft’s web fonts.
- Arial Black- designed for headlines.
- Comic Sans MS- is a sans-serif font with a soft, rounded style.
- Impact- designed for headlines.
- Georgia- It is a nicely readable screen font, but has the same problems that Verdana does of looking bad when printed,
- Palatino- Originally designed as a display font.
- Century Schoolbook- You cannot rely on its being present on Windows computers.
And then we have the Google Web Fonts API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers, some of them are:
- Terminal Dosis Light
- Cabin Sketch
- Irish Grover
- EB Garamond
- Six Caps
As you see there are a lot of them, so there are no excuses from your web designer to not use any of them, be careful of that.
Mo’ Bulletpoofer is the only syntax that works across browsers including Android and Internet Explorer. Both of them have buggy implementations and this format works around both of them. Unlike Internet Explorer, Android doesn’t “look back” and take the font specified in the initial URL reference. IE9 downloads both the EOT file and the WOFF file using Mo’ Bulletproofer.
If you prefer a single declaration solution and your pages don’t trigger one of the Internet Explorer 9 Compatibility Modes, barring any more unforeseen changes between it RC1 and IE9 RTM, the Fontspring syntax seems alive.
Now if you follow this Font- Face list there is no need for your HTML coders to update it and destroy the original design, when you hire a web designer, make sure they design your website with this list in mind, help us make life easier.