Using font name matching

CSS Version 2 provides a number of descriptors that let you describe exactly the font you want to download and how the browser can synthesise it. The descriptors fall into two groups: font selection descriptors and font characterization descriptors.

The font selection descriptors are, for the most part, the same as the various font properties e.g. font-family, font-style and so on). If you include the descriptors in your @font-face rule, you make it easier for the browser to decide if it needs to download the font. Here is an example:

@font-face {font-family : "Arial";
            font-style : normal;
            font-weight : bold;
            src : url("http://fonts/arial.pfb")}

You can’t use relative values (e.g. smaller or bolder) or the keywords (e.g. large or small).

The unicode-range property makes sure that the browser doesn't do any unnecessary downloads. It specifies the characters that are matched by glyphs in the font. The syntax is U+ followed by a hexadecimal number. These hexadecimal numbers refer to codes in ISO 10646. Here is an example:

unicode-range: U+20A7

This example specifies one character (the peseta symbol) but you can also specify one or more ranges and use wild cards (? and *). For example:

unicode-range: U+370-3FF
unicode-range: U+215?

These examples represent modern Greek and fractions respectively.

And no, I don't really understand it.