JS Fiddle のリンクは次のとおりです: http://jsfiddle.net/n6eaG/ すべての HTML、CSS、および JS は EECMS サイトから取得されます。問題が発生しているタイプ/フォントをレンダリングするのに十分なテンプレート タグを削除しました。
Font Squirrel で生成された VerbUltra/VerbLight をフォントとしてアップロードしました。Internet Explorer を除くすべてのブラウザーで表示されます。
このスレッドで説明されている修正を試みました:なぜ私の @font-face は ie9 のみで壊れているのですか?
推奨どおり、フォントへのアドレス全体の直接リンクを使用してみました (うまくいきませんでした)。たとえば、以前は ../fonts.ttf だったのに対し、 http ://site.com/fonts.ttf
例:
@font-face {
font-family: "actuall font name";
src:url( "http://localhost//fonts/fontname.TTF ");}
また、Fong Squirrel が推奨する .htaccess スクリプトを使用してみました (機能しませんでした)。
例:
<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
<FilesMatch "\.(eot|otf|woff|ttf)$">
SetEnvIf Origin »
"^http(s)?://(.+\.)?(domain1\.org|domain\.com)$" origin_is=$0
Header set Access-Control-Allow-Origin %{origin_is}e env=origin_is
</FilesMatch>
1 つのスレッドで、次の font.css ファイルを追加することも推奨されました (機能しませんでした)。
src: local("☺"), url('wwwtest.ecidg.com/assets/fonts/verbultra-webfont.eot?#iefix') format('embedded-opentype'), url('wwwtest.ecidg.com/assets/fonts/verbultra-webfont.ttf') format("truetype");
IE の開発者ツールを介して実際に読み込まれているものを表示すると、フォントが正常に読み込まれていることが示されます。
何かご意見は?