Question

我是SVG的新手，刚刚在Illustrator中创建了我的第一个体面的图形。我已将其嵌入到页面中（使用<embed>标记）和<head>标记中的Ubuntu字体的Google Web Fonts脚本，但事实证明，Ubuntu字体在常规中正确显示文本，但为了使这个技巧在SVG中工作，Google脚本必须嵌入SVG本身。如何才能做到这一点？

Here's a link到相关的SVG文件。

Answer 1

这是在SVG中使用几个不同网页字体的example。

Google网络字体提供的当前版本的脚本在svg中不起作用。谷歌很容易修复。

以下是svg中使用谷歌网络字体的一些例子，其中提到了其他方法：

Answer 2

我认为这对于链接的SVG不起作用，例如here is the Firefox bug。如果您inline the SVG in the HTML然后创建如下的CSS规则，它确实有效：

svg .text { 
    font-family:"Familiar Pro Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    font-style:normal; 
}

当然，这只适用于支持HTML5的浏览器。 Here's an example

有没有办法在SVG文件中嵌入Google Web Font脚本？

2 个答案: