Fonts 有没有办法在SVG文件中嵌入Google Web字体脚本?

Fonts 有没有办法在SVG文件中嵌入Google Web字体脚本?,fonts,cross-browser,svg,google-webfonts,Fonts,Cross Browser,Svg,Google Webfonts,我是SVG的新手,刚刚在Illustrator中制作了第一张像样的图形。我已经将它嵌入了一个页面(使用标记),并在标记中为Ubuntu字体嵌入了Google Web Fonts脚本,但事实证明,Ubuntu字体以常规文本的形式正确显示,但是为了在SVG中发挥作用,Google脚本必须嵌入SVG本身。如何做到这一点 例如,我认为这对于链接的SVG来说还不太管用。如果您先创建CSS规则,然后像这样创建CSS规则,那么它确实会起作用: svg .text { font-family:"Fam

我是SVG的新手,刚刚在Illustrator中制作了第一张像样的图形。我已经将它嵌入了一个页面(使用
标记),并在
标记中为Ubuntu字体嵌入了Google Web Fonts脚本,但事实证明,Ubuntu字体以常规文本的形式正确显示,但是为了在SVG中发挥作用,Google脚本必须嵌入SVG本身。如何做到这一点


例如,我认为这对于链接的SVG来说还不太管用。如果您先创建CSS规则,然后像这样创建CSS规则,那么它确实会起作用:

svg .text { 
    font-family:"Familiar Pro Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    font-style:normal; 
}
当然,这只适用于支持HTML5的浏览器

下面是一个在SVG中使用两种不同WebFont的示例

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

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


为什么谷歌将其web字体脚本与SVG兼容毫无意义?这一点也不毫无意义,我认为,如果谷歌字体脚本同样适用于SVG和html,那将非常有帮助。它也没有将xml样式表列为包含字体的方式。