HTML and CSS Reference
In-Depth Information
Adding
font-size-adjust
to your styles won't make any difference to the look of your normal text—as long
as you use the correct aspect ratio for the first font in your font stack. However, it ensures that the relative size of
the text remains constant if a fallback font is used.
Summary
Now that web fonts are widely supported by browsers, using images for typographic effects should soon become
a thing of the past. Fonts increase the size of the download, but that's often compensated by no longer needing to
use images. However, just because you can embed web fonts with
@font-face
, don't go overboard. Mixing a large
number of different fonts on a page can destroy the design.
If you plan to use a web font for the main text, use the same name for
font-family
and specify bold and
italic faces with the
font-weight
and
font-style
descriptors. Although most browsers synthesize bold and italic,
using the correct font faces produces better results. To minimize the download burden on users, don't forget that
you can limit the range of characters with
unicode-range
.
That concludes Part II. In the next part, we'll take an in-depth look at page layout with CSS.
