HTML and CSS Reference
In-Depth Information
Older versions of most browsers don't matter as much anymore because they
tend to be updated regularly. However, older versions of IE still need to be sup-
ported; many IE installs won't be updated anytime soon (49 percent of the world's
computers still run Windows XP, which can only run IE version 8 and earlier).
The good news is that IE has supported Microsoft's proprietary Embedded
OpenType format since version 4, meaning that old versions of IE can work with
custom fonts quite well.
ADDING WEB FONTS TO THE EXAMPLE
To c h ro n i c l e t h e a d ve nt u re s To f A r t h u r a n d t h e K n i g ht s To f C a m e l To t— a n d t h e i r fi g ht s
against such denizens as the Knights who say Ni and The Temptresses of Castle
Anthrax—I decided to try to find some old-world fonts to communicate the right
sort of look for a blog written by a medieval king. To find what I wanted, I looked
at a few free font sites:
dafont.com
myfonts.com
fontsquirrel.com
I eventually settled on three from Font Squirrel that would work out for this
demo:
( www.fontsquirrel.com/fonts/UglyQua)
( www.fontsquirrel.com/fonts/Kells-SD)
( www.fontsquirrel.com/fonts/Genzsch-Et-Heyse)
Yo u m i g h t t h i n k t h a t c r e a t i n g s y n t a x a n d d i ff e r e n t f o n t f o r m a t s t o p r o v i d e
cross-browser support would be a nightmare, given what I said earlier. But Font
Squirrel provides two great features that will help you out here. The first one is
the ready-made @font-face kits page ( www.fontsquirrel.com/fontface), which
contains all the font files and code you'll need to get fonts working cross-browser.
But what if you want to customize one of Font Squirrel's fonts or make one
of your own fonts work cross-browser? The second feature—the @font-face
generator—will come to your rescue. Just follow these steps to create what you need.
 
Search WWH ::




Custom Search