HTML and CSS Reference
In-Depth Information
best represents the characteristics of your desired font. Georgia, however, is web safe, so it is almost certainly in-
stalled on all devices.
Of course, web safe fonts have been used time and time again, so try using the CSS3
@font-face
rule to use a
font that can be displayed without users initially having it on their device.
Figure 10-2
The Cool Shoes & Socks page with a font-family of Georgia.
Applying Fonts Using @font-face
Browser support: IE 4+, Firefox 3.5+, Chrome 4+, Opera 10+, Safari 3.1+
@font-face
is a rule set of its own rather than a property, which allows you to specify a font to be downloaded
from a particular source. Although
@font-face
appears only in the CSS3 Fonts module (
www.w3.org/TR/
css3-fonts/
)
, it was actually a feature first implemented by Microsoft in Internet Explorer 4—yes, another one
of those situations in which Microsoft did as it pleased. This is good news, though; it means every browser in use
today supports
@font-face
,
but
it isn't without its caveats.
