PNG file fonts-fontElement-BE-01.png, which shows the correct result as a raster image

This is a basic test for embedded SVG fonts. The font "Comic Sans" (available from Microsoft) has been converted into an SVG font and embedded in the SVG file. The test contains four text areas, each with the character string "AyÖ@ç" drawn at the same font size.

The first area contains the glyphs from the embedded font placed in the SVG file as path elements. Each glyph is placed at the location it would be if rendered using normal text rendering (ie. the horizontal advance between characters has been preserved).

The second area contains the text string rendered using the embedded SVG font. It should appear exactly the same as the first text area, ie. font size, character baseline and horizontal advance should be the same.

The third area has the placed glyphs as path elements filled with white over a solid black background (creating a white cutout). The embedded SVG font text is then drawn over the cutout. An implementation that passes this test should completely fill the cutout, leaving a solid black area (some slight antialiasing effects may remain).

The fourth area is the reverse of the third area, with the placed black glyphs filling the cutout created by white SVG font text. An implementation that passes this test should completely fill the cutout, leaving a solid black area (some slight antialiasing effects may remain).