Not exactly new to CSS3, @font-face was first proposed for CSS2 and has been implemented in Internet Explorer 5! However, their implementation relied on the proprietary Embedded Open Type (.eot) format, and no other browsers decided to use this format. With the release of Safari 3.1, however, website makers can use any licensed TrueType (.ttf) or OpenType (.otf) font in their pages.
To use web fonts, each form of the font family must be declared using the @font-face rule.
Here is a quick example, to use both regular and italic forms of “MyCoolFont”, you would put the following in your stylesheet:
Continue reading “CSS3 @font-face solucions. Typekit vs Google Web Fonts”