Fonts play a huge role in the design of the website. The same text, written using different premium fonts, can produce the directly opposite impressions. Some of them look more convincing, others are more intriguing. Tons of articles, describing different aspects of working with web fonts, have already been written. But every day we continue to face an elementary misunderstanding of what they are.
This post will be of interest primarily to those who haven’t yet delved into the subtleties of the font technologies.
The first thing that comes to mind, is that the standard fonts are horribly boring. And with their help, it’s difficult to do something original. As a rule, most of them bring sadness and depression not only to users but also to web designers. Non-standard ones, in this case, are more expressive and, in addition, there’s a lot more of them, so you have plenty to choose from. And a font is an integral part of the brand.
The font is not just a digitized set of letters created by a brush on paper or in an illustrator. It’s also 90% of finishing, polishing, and testing on different media and in different sizes. Such a font looks good, its style is sharpened, with it, there will be no problems. Either on paper or on screen, it will look qualitative.
The fonts prepared for implementation on the website must be in several formats at once:
You can’t just re-convert the file and keep the original quality. Especially if it was originally in the OpenType format. In the process, there’s a chance to lose some data embedded in the file (compiled instructions, additional characters, metrics, etc.). You’ll notice this when converted file unexpectedly “loses weight”. Especially when converting TrueType to PostScript and vice versa.
|EOT||Internet Explorer 6+|
|WOFF||Internet Explorer 9+
Opera mobile 11+
|TTF and OTF||Firefox 3.5+
Opera mobile 10+
|SVG||Internet Explorer 9+
Opera mobile 10+
iOS all versions
That’s basically it. I hope this brief information was useful for the understanding of the basics of web fonts usage during the website development.
Subscribe to our newsletter and access exclusive content and offers available only to MonsterPost subscribers.