0

@font-faceカスタムフォントを有効にするために使用します。Firefox、IE、Safari、および Mac の Chrome で動作します。Chrome を搭載した Windows 7 では、10px のテキストは黒やグレーではなく緑に見えます! ... さらにテストした結果: Firefox (Windows) と Safari (Windows) で同じ問題が発生

Windows ClearType レンダリングと関係があるのか​​もしれません。しかし、なぜ Internet Explorer で動作するのでしょうか??

ページへの直接リンク: http://www.light-work.de/chrome.html

それは本当に奇妙です！この問題は、10px のフォント サイズ (必要なサイズ) でのみ発生します。その下light-work.de/webfontkit/に標本の概要が表示されます。

より大きなスクリーンショット: http://light-work.de/styles/02.png

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>google chrome</title>
<style>
/* Generated by Font Squirrel */
@font-face {
    font-family: 'M10Regular';
    src: url('http://light-work.de/styles/m10/m10-webfont.eot');
    src: url('http://light-work.de/styles/m10/m10-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://light-work.de/styles/m10/m10-webfont.woff') format('woff'),
         url('http://light-work.de/styles/m10/m10-webfont.ttf') format('truetype'),
         url('http://light-work.de/styles/m10/m10-webfont.svg#M10Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
    font-family: 'M10Regular';
    line-height: 20px;
    font-size: 10px;
    color:#666666;
}


</style>
</head>
<body>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
</body>
</html>
4

2 に答える 2

0

あなたのサンプル Web ページは、64 ビット Windows 7 で Chrome v11.0.696.60 を使用している場合、灰色 (実際には #666666) でレンダリングされます。

正しくないと思われるテキストを右クリックして、コンテキスト メニューを表示します。そこから、 をクリックしますInspect element。これにより、開発者ツールが開きます。問題を解決するのに役立ちます。これは私が見るものです

デベロッパー ツールを開いた状態の Chrome のテスト ページのスクリーンショット

ご覧のとおり、Chrome は指定したスタイルに従ってページをレンダリングしています。

于 2011-05-06T17:48:40.603 に答える
0

さて、あなたのテキストはbodyタグにありません。したがって、スタイルを適用しないでください (これは明らかに Chrome にはありません)。問題は次のとおりです。他のすべてのブラウザーがフォント設定を気にかけているのはなぜですか? :-)

于 2011-05-06T11:43:48.540 に答える