10

Web サイトで Segoe UI Light フォントを使用しています。

使用したcssは以下の通りです。

.divMainHeader
{
font-family:Segoe UI;
font-size:28pt;
font-weight:lighter; 
width:100%
}

しかし、Google Chrome はこのフォントを正しくレンダリングしていません。Chrome で Segoe UI Light の太字フォントを取得しています。

画像。 異なるブラウザーのスクリーン ショットを結合します。

私が使用しているブラウザのバージョン。

Internet Explorer : 9

Mozilla Firefox : 21

Google Chrome : 27

4

5 に答える 5

1

さまざまな理由が考えられます。

  1. 間違ったフォント形式を使用している可能性があります。Chrome は SVG、WOFF、TTF/OFT をサポートしています。
  2. font-weight の定義に対して間違ったアプローチをとったため、ブラウザが font-weight プロパティを間違って解釈するようになりました

サンプル: http://pastebin.com/FiGvAfTk

フォントを適切に定義していますか?

于 2013-06-03T10:35:12.387 に答える
1

興味深い...私はほとんど逆の問題を抱えています...ChromeとIE 10ではSegoe UI Lightを正しくレンダリングできますが、FF 21ではできません。

しばらく前の別の投稿で、マイクロソフトがサイトで使用しているものと同様のものを使用することが提案されました...

h1, h2, h3, h4, h5, h6, h7 {
    font-family: "wf_SegoeUILight","wf_SegoeUI","Segoe UI Light","Segoe WP Light","Segoe UI","Segoe","Segoe WP","Tahoma","Verdana","Arial","sans-serif";
    font-weight: 300;
}

font-weight + Segoe UI フォントを尊重しないブラウザーの場合、最初に Segoe UI Light を指定すると、より軽量なフォントがレンダリングされることが保証されるようです。

ただし、FF 21 では、何を試しても、まだ通常の Segoe UI フォントが表示されます。Firebug は、リストから Segoe UI フォントを選択していることを示しています。

于 2013-06-08T17:57:30.387 に答える