HTML and CSS Reference
In-Depth Information
Rich Typography
Rich typography may seem out of place with the four concepts we have just
covered. But we're not talking about any particular style of typography or
fonts, but rather the broader concept of creating readable yet unique-
looking text by applying tried and true typographic principles using the
newest technologies. Typography is one of the most rapidly evolving areas
of Web design right now. And boy, does it need to evolve! While Web
designers have had few limits on what they could do graphically with their
designs, their limits with typography have been glaring and frustrating.
Until recently, Web designers were limited to working with the fonts on their
end users' machines. Image replacement tricks and clever technologies
such as sIFR have opened new possibilities in the past few years, but none
of these is terribly easy to work with. In the past year, we've finally made
great strides in what is possible for type on the Web because of the growing
support for CSS 3′s
@font-face
property, as well as new easy-to-use
technologies and services like Cufón and Typekit.
The
@font-face
rule allows you to link to a font on your server, called a
“Web font,” just as you link to images. So you are no longer limited to
working with the fonts that most people have installed on their machines.
You can now take advantage of the beautiful, unique fonts that you have
been dying to use.
@font-face in action: Teehanlax.com
