svg font-face声明中是否需要哈希?

时间:2012-09-17 20:21:11

标签: css svg font-face

@font-face
  font-family: 'AllerRegular'
  src: url('/fonts/aller/aller_rg-webfont.eot')
  src: url('/fonts/aller/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aller/aller_rg-webfont.woff') format('woff'), url('/fonts/aller/aller_rg-webfont.ttf') format('truetype'), url('/fonts/aller/aller_rg-webfont.svg#AllerRegular') format('svg')
  font-weight: normal
  font-style: normal

在上面的示例中,我添加了此字体的svg版本,但我不确定ID是否正确。如果此SVG中只包含一种字体,是否需要具有正确的ID?

1 个答案:

答案 0 :(得分:39)

是的,这是必需的。 This article说:

  

在上面的CSS代码中,您实际上可以看到SVG版本需要额外的信息,其ID,在文件名中的#标签之后   宣言。如果你没有填写它不起作用,所以你需要   找到此信息打开TXT文档中的SVG文件或   记事本,并在页面顶部附近寻找以下行。

this one说:

  

使用SVG字体时,他们还需要#hashtag;

hashtag只是指向SVG内定义的字体ID的指针。如果不包含它,将加载整个SVG文件,包括阻止识别字体的SVG标题。