html+svg不定义开始,SVG不使用字体时，里面的HTML

我有一个显示在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并将文件添加到相同的文件夹？ –