web-dev-qa-db-ja.com

高速フォントWebフォントがchromeまたはieで機能しない

Fast.fonts.comでホストされているフォントを使用しようとしています。次のコードを使用してフォントをロードしています。

<link type="text/css" rel="stylesheet" href="http://fast.fonts.com/cssapi/3566c147-3f45-41ed-941c-cfe1528c243e.css"/>

Firefoxではフォントは正しく読み込まれますが、IEまたはChromeでは機能しません。これらのブラウザを機能させるには、追加の設定が必要ですか?

このサイトで使用されています:

http://d258eeb2b8434d14a1135347db13e724.cloudapp.net/Home.aspx

12
Barry

Fonts.comからFAQ -- http://www.fonts.com/support/faq/web-fonts-work-only-in-firefox

WebフォントがFirefoxでのみ表示されるのはなぜですか?

フォントがFirefoxでのみ機能している場合は、WebフォントプロジェクトにリストされているドメインがWebフォントの受信を許可されていないことを示している可能性があります。プロジェクトのドメインリストを確認して、各ドメインが適切に指定されていることを確認します。また、変更を加えてからプロジェクトを公開したことを確認してください。

5
user323774

.cssファイル宣言の前にfastfontsからフォントを埋め込んでみてください。私はグーグルフォントで同じ問題を抱えていました。

4
LorDex

Httpsサイトにアクセスしている場合、Chromeはデフォルトでhttpリクエストをブロックします。 hrefから「http:」を削除すると、スタイルシートは現在のプロトコルに一致するhttpまたはhttpsのいずれかにロードされます。

<link type="text/css" rel="stylesheet" href="//fast.fonts.com/cssapi/3566c147-3f45-41ed-941c-cfe1528c243e.css"/>
3
brian2013