fonts - Web ページでフォントがレンダリングされない

Question

Font Squirrelを使用してLatoフォントの Web バージョンを作成しました。

また、テストとデバッグを行うために、 Plunkerでテスト スイートをセットアップしました。

一部のフォントはレンダリングされません:

• SVG が Safari 5.1 でレンダリングされない (Windows と OS X の両方)
• Internet Explorer 11 で EOT がレンダリングされない

IE 11 で EOT をレンダリングすると、デバッグ コンソールで「不明なエラー」が発生します。

互換性表:

• EOT
• SVG

この理由は何ですか？どうすれば修正できますか？

Answer 1

EOTに関しては、おそらくファイル自体から来ています。FontSquirrelの代わりに ttf2eot を試してください。

エラー自体については、このコメントを確認してください。以前のバージョンの IE で発生している場合は、このブログ投稿も確認してください。

Safari 5.1 は WOFF をサポートしているため、@font-face ルールの前に取り上げる必要があるため、問題は意味がありません。