css – 在svg font-face声明中是否需要散列?

前端之家收集整理的这篇文章主要介绍了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?

解决方法

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

In the CSS code above,you can actually see that the SVG version needs an extra info,its ID,after the hashtag (#) in the file name
declaration. If you don’t fill it it’s not working,so you need to
find this information opening the SVG file in a TXT document or
notepad and look for the following line,near the top of page.

this one说:

With SVG fonts,they also need a #hashtag;

主题标签只是指向SVG中定义的字体的ID的指针。如果不包括它,将加载整个SVG文件包括防止字体被识别的SVG头文件

猜你在找的CSS相关文章