@ рендеринг шрифтов в Windows 7 - PullRequest
Новая
       49

@ рендеринг шрифтов в Windows 7

0 голосов
/ 06 мая 2011

Я использую @font-face для включения пользовательских шрифтов.Он работает в Firefox, IE, Safari и Chrome на Mac.В Windows 7 с Chrome текст в 10 пикселей выглядит зеленым, а не черным или серым!... после дополнительного тестирования: та же проблема с 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>

Ответы [ 2 ]

0 голосов
/ 06 мая 2011

Ваша примерная веб-страница отображается серым (на самом деле # 666666) для меня с Chrome v11.0.696.60 на 64-битной Windows 7.

Щелкните правой кнопкой мыши по тексту, который кажется неправильнымвам вызвать контекстное меню.С этого нажмите Inspect element.Это откроет инструменты разработчика.Они помогут вам разобраться с вашей проблемой.Это то, что я вижу

Screenshot of test page in Chrome, with developer tools open

Как вы можете видеть, Chrome отображает вашу страницу в соответствии с указанными вами стилями.

0 голосов
/ 06 мая 2011

Ну, ваш текст отсутствует в теге body. Таким образом, ваш стиль не должен применяться (что явно не в Chrome). Вопрос должен звучать так: почему все другие браузеры следят за настройкой шрифта? : -)

...