Font synthesis

The @font-face property allows you tell the browser to synthesis the font. You might want to do this because fonts are so big. You can use the following properties

• The width property specifies a unicode range followed by a number for the width of the glyph. If you use this property, you must also specify the units-per-em property
• The bbox property specifies the maximum bounding box of the font. You enter four number separated by commas to give the lower-left-x, lower-left-y, upper-right-x and lower-right-y

To get the alignment of the font right, you can use the following properties:

• The baseline property describes the lower baseline (used for alignment in Latin, Greek and Cyrillic fonts) of a font. It is the position in the em square. If you use this property, you must also specify the units-per-em property
• The centerline property describes the central baseline (used for alignment in ideographic scripts) of a font. It is the position in the em square. If you use this property, you must also specify the units-per-em property
• The mathline property describes the mathematical baseline (used for alignment in mathematical fonts) of a font. It is the position in the em square. If you use this property, you must also specify the units-per-em property
• The topline property describes the top baseline (used for alignment in Sanscrit fonts) of a font. It is the position in the em square. If you use this property, you must also specify the units-per-em property