关于字体弹簧防弹@font面语法.#之后是什么

Question

我看过几个防弹语法的例子。我从fontspring的原始文章中摘录了这个：

@font-face {
font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf')  format('truetype'),
     url('myfont-webfont.svg#svgFontName') format('svg');
}

在 svg# 之后到底应该做什么？"SVG字体名称"是关于文件名的吗？字体系列声明？如果我的字体系列有空格怎么办？

Answer 1

#svgFontName 引用嵌入

在 svg 字体文件中的字体 ID。因此，例如，您的 svg 文档中可能有这样的东西：

<font id="example-font-name" horiz-adv-x="512">

其中"示例字体名称"应该在CSS@font脸中引用，如下所示：

url('myfont-webfont.svg#example-font-name') format('svg');

SVG字体增加了对旧版iOS的支持，因此它不是非常重要。通过在任何文本编辑器中打开SVG字体文件来查看其内部，并在文档顶部查找字体ID。如果您有任何问题，请告诉我！