font

  • Revision slug: Web/SVG/Element/font
  • Revision title: font
  • Revision id: 427655
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment initial commit; page created, 110 words addedMoved From SVG/Element/font to Web/SVG/Element/font

Revision Content

{{ SVGRefElem() }}

The font element defines a font to be used for text layout.

Usage context

Categories None
Permitted content Any number of the following elements, in any order:
Descriptive elements »
{{ SVGElement("font-face") }}, {{ SVGElement("glyph") }}, {{ SVGElement("hkern") }}, {{ SVGElement("missing-glyph") }}, {{ SVGElement("vkern") }}
Normative document SVG 1.1 (2nd Edition)

Example

Attributes

Global attributes

Specific attributes

  • {{ SVGAttr("horiz-origin-x") }}
  • {{ SVGAttr("horiz-origin-y") }}
  • {{ SVGAttr("horiz-adv-x") }}
  • {{ SVGAttr("vert-origin-x") }}
  • {{ SVGAttr("vert-origin-y") }}
  • {{ SVGAttr("vert-adv-y") }}

DOM Interface

This element implements the SVGFontElement interface.

See also

Revision Source

<p>{{ SVGRefElem() }}</p>
<p>The <code>font</code> element defines a font to be used for text layout.</p>
<h2 id="Usage_context">Usage context</h2>
<table class="standard-table"> <tbody> <tr> <th scope="row">Categories</th> <td><em>None</em></td> </tr> <tr> <th scope="row">Permitted content</th> <td>Any number of the following elements, in any order:<br> <a href="/en/SVG/Element#Descriptive" title="en/SVG/Attribute#Descriptive">Descriptive elements</a> »<br> {{ SVGElement("font-face") }}, {{ SVGElement("glyph") }}, {{ SVGElement("hkern") }}, {{ SVGElement("missing-glyph") }}, {{ SVGElement("vkern") }}</td> </tr> <tr> <th scope="row">Normative document</th> <td><a class="external" href="http://www.w3.org/TR/SVG/fonts.html#FontElement" title="http://www.w3.org/TR/SVG/fonts.html#FontElement">SVG 1.1 (2nd Edition)</a></td> </tr> </tbody>
</table>
<h2 id="Example">Example</h2>
<h2 id="Attributes">Attributes</h2>
<h3 id="Global_attributes">Global attributes</h3>
<ul> <li><a href="/en/SVG/Attribute#Core" title="en/SVG/Attribute#Core">Core attributes</a> »</li> <li><a href="/en/SVG/Attribute#Presentation" title="en/SVG/Attribute#Presentation">Presentation attributes</a> »</li> <li>{{ SVGAttr("class") }}</li> <li>{{ SVGAttr("style") }}</li> <li>{{ SVGAttr("externalResourcesRequired") }}</li>
</ul>
<h3 id="Specific_attributes">Specific attributes</h3>
<ul> <li>{{ SVGAttr("horiz-origin-x") }}</li> <li>{{ SVGAttr("horiz-origin-y") }}</li> <li>{{ SVGAttr("horiz-adv-x") }}</li> <li>{{ SVGAttr("vert-origin-x") }}</li> <li>{{ SVGAttr("vert-origin-y") }}</li> <li>{{ SVGAttr("vert-adv-y") }}</li>
</ul>
<h2 id="DOM Interface">DOM Interface</h2>
<p>This element implements the <code><a href="/en/DOM/SVGFontElement" title="en/DOM/SVGFontElement">SVGFontElement</a></code> interface.</p>
<h2 id="See_also">See also</h2>
<ul> <li>{{ SVGElement("font-face") }}</li> <li>{{ SVGElement("glyph") }}</li> <li>{{ SVGElement("text") }}</li> <li><a href="/en/SVG/Tutorial/SVG_Fonts" title="en/SVG/Tutorial/SVG_Fonts">SVG tutorial: SVG fonts</a></li>
</ul>
Revert to this revision