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＃之后到底应该是什么？＆＃34; svg字体名称＆＃34;是关于文件名？ font-family声明？如果我的字体系列有空格怎么办？

Answer 1

#svgFontName引用svg字体文件中嵌入的字体ID。因此，例如，您可能在svg文档中有类似的内容：

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

“example-font-name”应该在CSS @ font-face中引用，如下所示：

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

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

在fontspring防弹@ font-face语法......＃之后会发生什么？

1 个答案: