代わりに、TTF / EOTのする@ font-faceでSVGフォントを使用する任意の利点?

StackOverflow https://stackoverflow.com/questions/1449145

  •  11-09-2019
  •  | 
  •  

質問

私は、@ font-face宣言でSVGフォントの使用状況を調査しています。これまでのところ、唯一のSafari 4とOpera 10は、それをサポートするように見えます。 Firefox 3.5ではそれをサポートしていませんが、そこにバグ報告はあるが、修正が(パッチはありますが)まだ供給されていません。

私は、主要なブラウザでする@ font-faceのサポートと、疑問に思って、TTF / OTF / EOT形式の代わりにSVGフォント形式を使用する利点は何ですか?私は上記のリンク先の議論から収集することができる唯一の利点は、あなたがそれらをまだサポートしていないフォントに独自の不足しているgylphsを追加できるということでした。

CSSでSVGフォントを指定するための他の理由がありますか?

役に立ちましたか?

解決

モバイルSafariでウェブフォントを使用するための唯一の方法であると思われます。あなたがiPhoneやiPadのために開発しているのであれば、それは非常に大きな利点です。 には、任意のOpenTypeフォントから適切なSVGファイルとCSSの構文を作成することができますフォントのリスの @フォントフェースジェネレータます。

他のヒント

これらの利点を述べてのW3Cます:

  

これまでWebFont施設への一つの欠点は、[CSS2]のような仕様は、特定のフォントフォーマットのサポートを必要としないことです。その結果、異なる実装がそれによって、Webサイト制作者のための困難なすべてのユーザーエージェント間で機能WebFontsを使用して、単一のWebサイトを掲示すること、異なるWebフォント形式をサポートしていることである。

     

は、すべての適合SVGビューアでサポートされていることが保証されているSVGのための一般的なフォントフォーマットを提供するには、SVGは、SVGにフォントを定義するための機能を提供します。この機能は、SVGフォントと呼ばれます。

     

SVGフォントはテキストを表すグラフィックの意味豊かさを向上させることができます。例えば、多くの企業ロゴは、芸術的に描かれた会社名で構成されています。いくつかのケースでは、アクセシビリティSVGフォント内のグリフのシリーズとしてロゴを表現し、このフォントを参照する「テキスト」要素としてロゴをレンダリングすることによって向上させることができる。

しかし、共通フォーマットのポイントは本当にために欠けているブラウザのサポートをカウントされません。

のSVG webfontsは、オフラインWebアプリケーション内で作業することはできません。あなたが例をここに見ることができます: http://straathof.acadnet.ca/beta2.2する iDeviceのホームページにこのファイルを保存し、機内モードをオンにして開きます。 SVGフォントと失敗するフォントURL原因使用ネーミングシステムます。

うまくいけば、Appleはすぐにそれを修正します。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top