css - Is the hash necessary in svg font-face declarations?

Question

@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

In the example above, I'm adding an svg version of this font but I'm not sure the ID is correct. If there is only one font included in this SVG is it necessary to have the correct id?

Answer 1

是的，这是必需的。这篇文章说：

在上面的 CSS 代码中，您实际上可以看到 SVG 版本在文件名声明中的井号 (#) 之后需要一个额外的信息，即其 ID。如果您不填写它就不起作用，因此您需要在 TXT 文档或记事本中打开 SVG 文件找到此信息，然后在页面顶部附近查找以下行。

这个说：

对于 SVG 字体，它们还需要一个#hashtag；

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