Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
mohamedkhallouq
GitHub Repository: mohamedkhallouq/content
 Path: blob/main/files/en-us/web/svg/element/font-face/index.md
6581 views
---
title: <font-face>
slug: Web/SVG/Element/font-face
page-type: svg-element
tags:
  - Deprecated
  - Element
  - NeedsBrowserCompatibility
  - NeedsExample
  - NeedsMobileBrowserCompatibility
  - Reference
  - SVG
  - SVG Font
browser-compat: svg.elements.font-face
---

{{SVGRef}}{{deprecated_header}}

The <font-face> SVG element corresponds to the CSS {{cssxref("@font-face")}} rule. It defines a font's outer properties.

Usage context

{{svginfo}}

Attributes

Global attributes

Specific attributes

  • {{SVGAttr("font-family")}} {{Deprecated_Inline}}

  • {{SVGAttr("font-style")}} {{Deprecated_Inline}}

  • {{SVGAttr("font-variant")}} {{Deprecated_Inline}}

  • {{SVGAttr("font-weight")}} {{Deprecated_Inline}}

  • {{SVGAttr("font-stretch")}} {{Deprecated_Inline}}

  • {{SVGAttr("font-size")}} {{Deprecated_Inline}}

  • {{SVGAttr("unicode-range")}} {{Deprecated_Inline}}

  • {{SVGAttr("units-per-em")}} {{Deprecated_Inline}}

  • {{SVGAttr("panose-1")}} {{Deprecated_Inline}}

  • {{SVGAttr("stemv")}} {{Deprecated_Inline}}

  • {{SVGAttr("stemh")}} {{Deprecated_Inline}}

  • {{SVGAttr("slope")}} {{Deprecated_Inline}}

  • {{SVGAttr("cap-height")}} {{Deprecated_Inline}}

  • {{SVGAttr("x-height")}} {{Deprecated_Inline}}

  • {{SVGAttr("accent-height")}} {{Deprecated_Inline}}

  • {{SVGAttr("ascent")}} {{Deprecated_Inline}}

  • {{SVGAttr("descent")}} {{Deprecated_Inline}}

  • {{SVGAttr("widths")}} {{Deprecated_Inline}}

  • {{SVGAttr("bbox")}} {{Deprecated_Inline}}

  • {{SVGAttr("ideographic")}} {{Deprecated_Inline}}

  • {{SVGAttr("alphabetic")}} {{Deprecated_Inline}}

  • {{SVGAttr("mathematical")}} {{Deprecated_Inline}}

  • {{SVGAttr("hanging")}} {{Deprecated_Inline}}

  • {{SVGAttr("v-ideographic")}} {{Deprecated_Inline}}

  • {{SVGAttr("v-alphabetic")}} {{Deprecated_Inline}}

  • {{SVGAttr("v-mathematical")}} {{Deprecated_Inline}}

  • {{SVGAttr("v-hanging")}} {{Deprecated_Inline}}

  • {{SVGAttr("underline-position")}} {{Deprecated_Inline}}

  • {{SVGAttr("underline-thickness")}} {{Deprecated_Inline}}

  • {{SVGAttr("strikethrough-position")}} {{Deprecated_Inline}}

  • {{SVGAttr("strikethrough-thickness")}} {{Deprecated_Inline}}

  • {{SVGAttr("overline-position")}} {{Deprecated_Inline}}

  • {{SVGAttr("overline-thickness")}} {{Deprecated_Inline}}

DOM Interface

This element implements the {{domxref("SVGFontFaceElement")}} interface.

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also