私はSVGを初めて使い、Illustratorで初めてのグラフィックを作ったばかりです。 <head>タグのUbuntuフォント用のGoogle Webフォントスクリプトを使って（<embed>タグを使用して）ページに埋め込みましたが、Ubuntuフォントは通常のテキストで正しく表示されますが、このトリックは機能しますSVGでは、GoogleスクリプトをSVG自体に組み込む必要があります。これはどうすればできますか？Google Web FontスクリプトをSVGファイルに埋め込む方法はありますか？
Here's a linkを問題のSVGファイルに追加します。
exampleは、SVG内でいくつかの異なるWebフォントを使用しています。
Google Webフォントで提供されているスクリプトの最新バージョンはsvgでは機能しません。それはGoogleが解決することは非常に簡単だろう。
これは実際にリンクされたSVGではまだ動作していないと思います。たとえば、here is the Firefox bugです。
もちろん
svg .text {
font-family:"Familiar Pro Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:normal;
}
、これが唯一のHTML5対応のブラウザで動作するように起こっている：あなたはinline the SVG in the HTMLし、このようにCSSルールを作成する場合は動作しません。 Here's an example。
天才だ：ここで
は述べた他の方法とSVGでGoogleウェブフォントを使用して、いくつかの例です。ありがとう！ – Jules
GoogleがウェブフォントスクリプトSVGと互換性を持たせるのはなぜ無意味でしょうか？ – Jules
全く無意味ではないが、Googleのフォントスクリプトがsvgとhtmlの両方で働いていれば、非常に役立つと思う。フォントをインクルードする方法としてxml-stylesheetsもリストされていません。 –