Full version, Basic version

Specification link: 20.3 The 'font' element

fonts-elem-04-b ← index → interact-dom-01-b

# fonts-elem-07-b
SVG Image | PNG 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 two text areas, each with the character string "AyÖ@ç" drawn at the same font size.

The upper 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 lower area contains the text string rendered using the embedded SVG font, referenced with a CSS @font-face declaration. The SVG font does not have a font-family attribute, so the reference is via the @font-face block which points to a font element by ID. It should appear exactly the same as the upper text area, ie. font size, character baseline and horizontal advance should be the same.

fonts-elem-04-b ← index → interact-dom-01-b

Distributed under both the W3C Test Suite License and the W3C 3-clause BSD License.
To contribute to a W3C Test Suite, see the policies and contribution forms.