1

現在、fonts.com を使用してヘッダーとサブヘッダーのカスタム フォントを表示するサイトを構築しています。フォントは fonts.com の JavaScript リンクから読み込まれ、CSS ファイルで次のように参照されます。

font-family: 'MyFontFromFontsDotCom';

それはうまく機能し、うまく機能します。ただし、IE8 では、フォントが読み込まれた後 (ただし、完全に読み込まれることはありません)、サイトが読み込まれた後にブラウザーがクラッシュします。ブラウザの「停止」ボタンを押すと、サイトは正しいフォントでレンダリングされます。

fonts.com javascriptの前に参照されるmodernizr 2.6.2も実行しています。fonts.com の JavaScript を削除すると、サイトは正常に動作します。

fonts.com の JavaScript リファレンスは body タグの下部にあり、modernizr は head タグにあります。運がないので動かしてみました。

誰も同じ問題を経験しましたか?

前もって感謝します。

4

2 に答える 2

2

IE 8でサイトをクロスブラウザテストしているときにこの問題に遭遇しました。「非JavaScript」（CSS）オプションを使用して問題を修正しました。

これを行うには、fonts.comの[Webフォントの管理]セクションに移動し、プロジェクトを選択して、[公開オプション]リンクをクリックします。

ポップアップ表示されるウィンドウには、「オプション2：非Javascript」のタブがあります。これにより、Javascriptの代わりにCSSのコードスニペットが表示されます。これを頭に貼り付けてから、Javascriptスニペットを削除する必要があります。

于 2013-02-21T14:12:11.023 に答える
0

これに対する回答はすでに受け入れられており、完全に有効な解決策 (Javascript オプションの代わりに CSS オプションを使用) であることは知っていますが、Javascript オプションが必要な場合は別の解決策があります (私は -active クラスが好きです)私のドキュメントに追加されました）。

閉じられていないタグがある場合、IE8 の fonts.com Javascript に既知の問題があることが判明しました。したがって、次のような状況がある場合:

<div><span>March 2014</div>

これにより、fonts.com Javascript が問題を引き起こします。

W3C バリデーターを使用して、閉じられていないタグを見つけて修正してください。

于 2014-03-23T18:55:59.123 に答える