我有一个显示在Chrome精细的SVG,但是当我在HTML页面中使用它,它不使用正确的字体,而不是使用默认。SVG不使用字体时,里面的HTML
/* latin-ext */
@font-face {
font-family: 'Roboto-Black';
src: url(./Roboto-Black.ttf)
}
]]>
TEST
SVG在Chrome中显示正常,但是当显示在HTML页面中时,它不使用正确的字体。
我错过了什么?
附录: 虽然有效的解决方案中提供了以下,我发现它更容易直接包含在HTML中的SVG代码,而不是引用的SVG文件。这样就不会出现问题。
2015-05-26
ratlan
+1
嵌入了'img'标签SVG文件不继承CSS样式,包括字体。 –
+0
同样在Firefox中,我得到一个'可下载的字体:下载失败'... CSS错误。原生图像查看程序显示得很好,因此字体的路径(也显示在错误消息中)绝对正确并存在。 –
+0
只是在黑暗中拍摄:您是否尝试将字体转换为woff并将文件添加到相同的文件夹? –