1

ある日以来、私のGoogle Chromeブラウザは特別なフォントを表示しません：font-face付きのCSS。

@font-face {
    font-family: 'Babel Sans';
    src: url('../fonts/babelsans.eot');
    src: url('../fonts/babelsans.eot?#iefix') format('eot'),
         url('../fonts/babelsans.woff') format('woff'),
         url('../fonts/babelsans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Safari、Firefox、IEですべて正常に動作し、先週は正常に動作しました。誰かが同じ問題を抱えていて、誰かが私がそれを解決する方法を知っていますか？

ありがとう、

4

4 に答える 4

1

Chrome 20のアップデート以降、同じ問題が発生しています。これは、WindowsXPおよびMacOsX10.6.8で発生します。SafariとMobileSafari（WebKitエンジンをChromeと共有する）は、FirefoxやIEと完全に同じように機能します。私のcssコードはあなたのものとまったく同じです。インスペクターを見ると、フォントがダウンロードされていないようです。私のウェブサイトで（同じcss外部ファイルを共有する）異なるページをナビゲートしているときに、フォントが読み込まれ、正しく表示されることがあります。

まだこれを解決しようとしています...

編集：

私はなんとかこの問題を解決することができました。理由はわかりませんが、これを使用するとうまくいきました： http ://www.fontsquirrel.com/fontface/generator/

フォントをアップロードし、cssと変換されたファイルを取得し、それらをサーバーにアップロードして、font-face宣言を置き換えました... bling！できます！それがあなたにも役立つことを願っています！

于 2012-07-05T13:27:05.523 に答える
1

現在は機能しています。Googleがブラウザを更新したと思います。

于 2012-07-09T17:17:49.803 に答える
0

Chromeのアップデートは約1週間あったので、古いバージョンを使用してバグかどうかを確認してみてください（私自身は問題に気づいていませんでした）。http://www.oldapps.com/google_chrome.phpで入手してください。
また、他のフォント関連のCSS値に加えてこのフォントを使用しているかどうかを確認します（使用している場合は、それらを非アクティブ化します）。過去に実際に解決された問題がいくつかありましたが、あなたは決して知りません...

于 2012-07-04T23:25:15.717 に答える
0

最初に：Stefano 氏が提案するように、このサービスを使用してフォントを変換します。

後でこのCSSコードを使用して、プロジェクトでフォントを使用します。

@font-face {
    font-family: 'aljazeeraregular';
    src: url('aljazeera-webfont.eot');
    src: url('aljazeera-webfont.eot?#iefix') format('eot'),
         url('aljazeera-webfont.woff') format('woff'),
         url('aljazeera-webfont.ttf') format('truetype'),
         url('aljazeera-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    background-color: #eaeaea;
    font-family: 'Aljazeera';
    font-size: 14px;
}

font-familyサイトに電話をかけるときは、で宣言した名前とは異なり、元の名前を使用する必要があることに注意してください@font-face。

于 2013-08-16T11:10:26.530 に答える