.svg图像包含Firefox中缺少的text，font-family

Question

我有.svg图片和一些文字里面有自定义字体，我在我的CSS中使用这个图像，这是div“背景”

http://i.stack.imgur.com/f8EL6.png

在Chrome和Safary上这个图片工作正常，但在Mozilla我有不同的字体，由于某种原因字体被另一种字体替换

http://i.stack.imgur.com/wUrot.png

可以以某种方式修复吗？问题在哪里？

Answer 1

用作图像时SVG文件中的所有数据必须位于单个文件中。如果您引用了可下载的字体，就像这样......

src: url('http://example.com/fonts/font.otf');

然后您必须将其转换为数据URL，例如

src: url("data:font/opentype;base64,[base64-encoded font here]");

这样所有数据都在一个文件中。