7

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

这是 相关 SVG 文件的链接。

4

2 回答 2

11

这是在 SVG 中使用几种不同的 webfonts的示例。

google web fonts 提供的当前版本的脚本在 svg 中不起作用。不过，谷歌很容易修复。

以下是一些在 svg 中使用 google web 字体和提到的其他方法的示例：

于 2011-12-22T08:47:33.863 回答
2

我不认为这真的适用于链接的 SVG，例如这里是 Firefox bug。如果您在 HTML 中内联 SVG，然后像这样创建 CSS 规则，它确实有效：

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

当然，这只适用于支持 HTML5 的浏览器。 这是一个例子。

于 2011-12-22T01:06:36.390 回答