Fonts 有没有办法在SVG文件中嵌入Google Web字体脚本?
我是SVG的新手,刚刚在Illustrator中制作了第一张像样的图形。我已经将它嵌入了一个页面(使用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
标记),并在
标记中为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字体和其他提到的方法的一些示例: