<glyph>

Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the 兼容性表格 at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

A <glyph> defines a single glyph in an SVG font.

Usage context

类别	Text content element
准许内容	Any number of the following elements, in any order: Animation elements Descriptive elements Shape elements Structural elements Gradient elements <a> , <altGlyphDef> , <clipPath> , <color-profile> , <cursor> , <filter> , <font> , <font-face> , <foreignObject> , <image> , <marker> , <mask> , <pattern> , <script> , <style> , <switch> , <text> , <view>

属性

全局属性

• Core attributes
• Presentation attributes
• class
• style

Specific attributes

• d
• horiz-adv-x
• vert-origin-x
• vert-origin-y
• vert-adv-y
• unicode
• glyph-name
• orientation
• arabic-form
• lang

DOM Interface

This element implements the SVGGlyphElement 接口。

范例

SVG

<svg width="400px" height="300px" version="1.1"

xmlns



=


"

http://www.w3.org/2000/svg

"



>



<!-- Example copied from https://www.w3.org/TR/SVG/fonts.html#GlyphElement -->




<

defs


>





<

font


id



=


"

Font1

"



horiz-adv-x



=


"

1000

"



>





<

font-face


font-family



=


"

Super Sans

"



font-weight



=


"

bold

"



font-style



=


"

normal

"



units-per-em



=


"

1000

"



cap-height



=


"

600

"



x-height



=


"

400

"



ascent



=


"

700

"



descent



=


"

300

"



alphabetic



=


"

0

"



mathematical



=


"

350

"



ideographic



=


"

400

"



hanging



=


"

500

"



>





<

font-face-src


>





<

font-face-name

													name						


=


"

Super Sans Bold

"



/>





</

font-face-src


>





</

font-face


>





<

missing-glyph


>





<

path


d



=


"

M0,0h200v200h-200z

"



/>





</

missing-glyph


>





<

glyph


unicode



=


"

!

"



horiz-adv-x



=


"

80

"



d



=


"

M0,0h200v200h-200z

"



>





</

glyph


>





<

glyph


unicode



=


"

@

"



d



=


"

M0,50l100,300l400,100z

"



>





</

glyph


>





</

font


>





</

defs


>





<

text


x



=


"

100

"



y



=


"

100

"




style



=


"



font-family


:


'Super Sans'


,

 Helvetica

,

 sans-serif

;


font-weight


:

 bold

;


font-style


:

 normal


"




>


文本
using embedded font!



</

text


>





</

svg


>



									

结果

规范

规范
Scalable Vector Graphics (SVG) 1.1 (Second Edition) (SVG) # GlyphElement

浏览器兼容性

BCD tables only load in the browser

另请参阅

• <font>
• <missing-glyph>
• SVG tutorial: SVG fonts

Found a problem with this page?

• Edit on GitHub
• Source on GitHub
• Report a problem with this content on GitHub
• Want to fix the problem yourself? See our Contribution guide .

最后修改： Sep 23, 2021 , 由 MDN 贡献者