@font-face宣言でのSVGフォントの使用法を調査しています。これまでのところ、Safari4とOpera10のみがサポートしているようです。Firefox 3.5はそれをサポートしていませんが、バグレポートがありますが、修正はまだ提供されていません（パッチはありますが）。
主要なブラウザで@font-faceがサポートされているので、TTF / OTF / EOT形式の代わりにSVGフォント形式を使用する利点は何ですか？上でリンクされた議論から私が収集できる唯一の利点は、まだそれらをサポートしていないフォントにあなた自身の欠けているギルフを追加できることでした。
CSSでSVGフォントを指定する他の理由はありますか？
Mobile Safari で Web フォントを使用する唯一の方法のようです。iPhone や iPad 向けに開発している場合、これは非常に大きな利点です。Font Squirrel の@font-face ジェネレーターは、任意の OpenType フォントから適切な SVG ファイルと CSS 構文を作成できます。
W3Cは、これらの利点を次のように述べています。
これまでの WebFont 機能の欠点の 1 つは、[CSS2] などの仕様が特定のフォント形式のサポートを必要としないことです。その結果、さまざまな実装がさまざまな Web フォント形式をサポートするため、Web サイトの作成者が、すべてのユーザー エージェントで機能する WebFonts を使用して単一の Web サイトを投稿することが困難になります。
適合するすべての SVG ビューアでサポートされることが保証されている SVG の共通フォント形式を提供するために、SVG は SVG でフォントを定義する機能を提供します。この機能は SVG フォントと呼ばれます。
SVG フォントを使用すると、テキストを表すグラフィックのセマンティック リッチネスを向上させることができます。例えば、多くの会社のロゴは芸術的に描かれた会社名で構成されています。場合によっては、ロゴを SVG フォントの一連のグリフとして表現し、このフォントを参照する「テキスト」要素としてロゴをレンダリングすることで、アクセシビリティを強化できます。
しかし、ブラウザーのサポートが不足しているため、一般的な形式のポイントは実際には重要ではありません。
svg Web フォントは、オフライン Web アプリケーション内では機能しません。ここで例を見ることができます: http://straathof.acadnet.ca/beta2.2このファイルを idevice ホームページに保存し、機内モードをオンにして開きます。使用されている svg フォントと命名システムが原因で、フォント URL が失敗します。
うまくいけば、Appleはすぐにそれを修正します。