特別なフォントを使ったWeb上のSVG

Question

フリーフォントが使われていますが、特別なSVGファイルがあります.SVGファイルがブラウザに表示されているときに使用したいと思います。

私が試してみた：

• が
• 成功せず<defs></defs>セクション内のすべての可能なウェブフォント（EOT、SVGなど）と、絶対URLを指し、<style>と@font-face要素を追加する追加します文書内のsvgフォントフォーマットそのもののデータは<defs></defs>セクション

になりますが、すべて成功しません。

これを達成する方法を知っている人はいますか？

P .:申し訳ありませんが、間違ったサイトで申し訳ありませんが、これはコーディングまたはデザインに関する質問ではありません。

---

編集

私は解決策を見つけたhaventはしようとの時間にもかかわらず、同じ問題に遭遇しました。ここでテストケースを見つけることができます：http://editor.method.ac/font-files/test.html

テストケースはFirefoxまたはChromeではなくOperaで動作します。 IE9をテストしていない。フォントフェース宣言はwoff形式を使用します。

Answer 1

<img>ファイルは、セキュリティ上の理由から完全に自己完結型である必要があります。つまり、外部ファイルを参照することはできません。 woffフォントをFirefoxの画像で動作させるには、woffデータをデータURLとしてエンコードし、それを画像に埋め込む必要があります。だからではなくurl(arvo-regular-webfont.woff)の、あなたはurl(data:application/octet-stream;base64,'d09GRg...

を使用することになり、オンラインエンコーダhere