SVG字体的新语法是什么



i在MDN中浏览了SVG字体,其中提到<font-face><missing-glyph><hkern><vkern>被弃用。仅<glyph>不弃用。它没有提及指定字体face属性的建议方法。

W3C SVG推荐也没有说明指定SVG字体的替代方法,除了指出<font-face>中的所有内容都可以在CSS中等效地完成。它不能为<hkern><vkern>提供任何替代方案。我打算创建一个独立的SVG文件,而不是由网站CSS修改,因此我想将整个字体定义保留在SVG中。

那么,这种指定SVG字体的新方法是什么?

'svg fonts;作为使用SVG标记来定义字体资源的数据文件已被弃用;事实证明,这是一个坏主意,最终没有解决网络上所需解决的问题的问题。它是在SVG 1.1中添加的,但在SVG 2.0中再次删除,几乎所有浏览器最终都增加了对其的支持,从而再次取消了该支持。

相反,所有浏览器现在都支持" WebFonts":使用" Web Open -opent opentype"字体使用" Web opent opent opent opent opent类型",又称" aka woff/woff2",基于opentype格式,该格式支持几种不同的轮廓类型:/p>

  • trueType(二次曲线和复合字形,通常带有ttf扩展,但扩展实际上是无关紧要的(
  • type2在CFF/CFF2中(三次曲线和任意子例程,通常与otf扩展,但再次:扩展是完全无关的(
  • 嵌入式位图(是的,Opentype字体确实可以是真实的位图字体,并且具有尽可能多的不同位图,以覆盖尽可能多的像素大小(
  • svg(这可能令人惊讶,但是SVG是与TT和CFF/CFF2完全相同的矢量图形语言,因此允许使用SVG指定Glyph概述数据是很有意义的需要明确的调色板,例如表情符号字体(

因此,如果您绝对需要保留SVG数据,然后将自己制作为opentype-svg-outlines字体,然后将其作为现代woff2(或较旧的woff(打包,您可以很好地去。有很多在线工具可以为您做到这一点,但是,如果您想要仅包含您需要的字体,而不是其中的在线工具,则也可以使用开源Fontforge应用程序之类的东西。

最新更新