0

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 の開発者ツールを介して実際に読み込まれているものを表示すると、フォントが正常に読み込まれていることが示されます。

何かご意見は？

4

3 に答える 3

1

Open your network tab - push F12 to bring up developer tools, then click the Network tab and click "Start Capturing" - to determine if the fonts are being requested and, if so, if they are successfully being downloaded. If they are not successfully being requested, it's because of your @font-face syntax (try this one - http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax). If they are being requested and downloaded, then they're probably corrupt (not likely if they came from font squirrel). If they're not being downloaded, then it's likely you've got a server side issue on your hands which you'll be able to solve by looking at the status code (404, 500, etc) or the network request.

于 2013-11-12T16:34:43.503 に答える