Tutorial by Examples

A simple example of an svg font. A few things to note here: the coordinate system of the glyphs is in opposition to the usual coordinate system in svg. the y axis points upwards. The point 0,0 is in the lower right corner. All paths in a font must be drawn counter clockwise. In most tools only ...

the units-per-em property is one of the most important font properties. It's used to give any value of any other property any meaning. the CSS2 font spec has a nice definition of the em sqare: Certain values, such as width metrics, are expressed in units that are relative to an abstract square w...