0

やあ仲間のスタッカー！ だから私は友人のためにコーディングしているこのウェブサイトでいくつかの奇妙なIEのみのバグに遭遇しました。

ウェブサイトのリンク| 完全なCSSファイル

私はGoogleWebfontRalewayを使用しています。フォントサイズは300、400、700、900です。ただし、IEはすべてのフォントの太さを300に変更し、他のフォントの太さは使用しません。

すべてのヒントとフィードバックに感謝します！

主なナビゲーションフォントのスタイル：

.nav_li { 
    float:left;
    margin: 0;
    list-style-type:none; 
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    line-height: 100px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background .5s; -moz-transition: background .5s; -ms-transition: background .5s; transition: background .5s;
}

添付のスクリーンショット： ここに画像の説明を入力してください

4

3 に答える 3

2

これはInternetExplorerの問題だと思います。

http://help.typekit.com/customer/portal/articles/6855-using-multiple-weights-and-styles

フォントごとに最大4つのフォントの重みを設定できます（これで問題ありません）が、その記事を読んだ場合、IEにはフォントの重みに関する他のバグもあります。

うまくいけば、それが役立つでしょう:-)。

于 2012-09-23T18:27:58.473 に答える
2

このような問題はIEでは珍しいことではありません。一部のGoogleフォントは、Googleが推奨する方法（Googleサーバー上のコードを参照）で使用すると、アクセス制限のために失敗します。これを回避する方法は、フォントをダウンロードし（[コレクションのダウンロード]リンクを使用）、FontSquirrelで処理し、サーバー（HTMLドキュメントをホストするものと同じ）にアップロードし、CSS@font-faceコード（FontSquirrelで提供）を使用することです。直接。

于 2012-09-23T20:25:19.090 に答える
1

Googleの技術的考慮事項によると

より一般的には、Internet Explorerの動作は、さまざまな要素の配置と存在によって異なる場合があります。すべてのブラウザで一貫した動作を提供する場合は、WebFontローダーを使用してください。たとえば、すべてのブラウザをFirefoxのように動作させるように選択できます。

https://developers.google.com/webfonts/docs/webfont_loader

于 2012-09-23T18:24:02.100 に答える