有什麼方法可以將SVG文件嵌入Google Web字體腳本？

我是SVGs的新手，剛剛在Illustrator中製作了我的第一張漂亮的圖形。我已經將它嵌入到一個頁面中（使用<embed>標籤）和<head>標籤中Ubuntu字體的Google Web Fonts腳本，但事實證明，Ubuntu字體在正常文本中正確顯示，但要使此技巧正常工作在SVG中，Google腳本必須嵌入SVG本身。如何才能做到這一點？有什麼方法可以將SVG文件嵌入Google Web字體腳本？

Here's a link發送給相關SVG文件。

來源

2011-12-21 Jules

這是一個在SVG中使用幾個不同的web字體的example。

由谷歌web字體提供的腳本的當前版本在svg中不起作用。儘管谷歌很容易修復。

下面是使用谷歌網頁字體的SVG與上述其他方法的一些例子：

來源

2011-12-22 08:47:33

爲什麼Google將其網頁字體腳本與SVG兼容是毫無意義的？ – Jules 2011-12-22 13:23:51

毫無意義，我認爲如果谷歌字體腳本適用於svg和html，它會非常有幫助。它沒有列出xml-stylesheets作爲包含字體的一種方式。 – 2011-12-22 16:17:58

我不認爲這真的適用於鏈接的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。

來源

2011-12-22 01:06:36 robertc

這就是天才。謝謝！ – Jules 2011-12-22 04:09:42

有什麼方法可以將SVG文件嵌入Google Web字體腳本？

回答

相關問題