HTML and CSS Reference
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.
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.