Cross-browser CSS web fonts with @font-face
The promise of web fonts and the @font-face rule is to be able to display any font you choose to any user, regardless of whether that person has the font installed on their machine. Jon Tan has written a detailed article on how to make @font-face work across both current and upcoming browsers.
The web fonts specification and @font-face rule have been around for a while—since CSS2 in 1998, in fact. However, usable support for the rule has been rather slow in coming. Safari 3 is currently the only official browser version to implement the standard correctly; Firefox and Opera won’t implement it until their next major versions. IE, meanwhile, only supports fonts in the proprietary .eot format.
Tan delves into the history before getting down to the nitty-gritty of how to make things work (including working with Microsoft’s awkward WEFT font-embedding tool). The results are quite impressive, so if you have IE, Safari or Firefox 3.1 Beta handy, get over to the demo page and take a look.
No responses:
Responses are closed for this post.