Проблема CSS с @ font-face - PullRequest
       5

Проблема CSS с @ font-face

2 голосов
/ 14 сентября 2011

Итак, я пишу код для этого роскошного нового сайта запуска и использую определенный шрифт.Я использую @ font-face, и шрифт отображается во всех браузерах, но есть некоторые проблемы:

1) Шрифт выглядит пиксельным, что делает его немного уродливым.Эта проблема на самом деле случалась со мной раньше с другими шрифтами, поэтому я буду рад, если кто-нибудь посоветует мне, как получить плавный шрифт.

2) В Opera и Safari шрифт отображается нормально (все еще с пикселями), но в IE, Firefox и Chrome это делает жирным шрифтом, немного смелее, чем обычно.Я пытался указать font-weight, но шрифт не поддерживает вес, поэтому это нормально.Есть идеи по этой проблеме?

Мне очень нужен этот шрифт, и я не могу понять, как все используют font-face со всеми этими проблемами рендеринга.Я надеюсь, что что-то упустил.

1 Ответ

1 голос
/ 14 сентября 2011

Зависит от того, какую ОС вы используете, так как @ font-face использует движок рендеринга шрифтов ОС.В Windows XP просто забудьте о том, чтобы все было сделано правильно.Windows 7 хорошо справляется со своей задачей и в IE7 / 8.

Одной из причин, по которой ваши шрифты могут выглядеть неровно, могут быть параметры Cleartype - отключение этого исправляет края, так как не требуетсглаживание, которое не требуется, так как встроенный шрифт уже сглажен.

Один из способов отключить cleartype на стороне клиента - это применить специфическое для IE свойство filter: (просто используйте какое-то простое свойство, чтобы оно ничего не делало, кроме запуска эффекта - например,поворот на 0 градусов) к заголовкам в css - это заставляет IE отключить cleartype, чтобы избежать конфликтов между рендерингом фильтра и рендерингом Cleartype.Но это исправит только IE.

Существует также специфический веб-набор -webkit-font-smoothing, который работает нормально и может помочь вам с chrome и css3 font-smooth (никогда не использовал этот, поэтому не могу рассказать вам о результатах или о поддержкебраузеры).

Самое надежное, что вы можете сделать, если действительно хотите сохранить выбранный шрифт, - это использовать Cufon или аналогичный заменитель шрифта.Исходя из моего опыта, он справляется с дополнительной загрузкой скрипта.

В целом для @ font-face не существует надежного решения, которое бы выглядело одинаково во всех браузерах и системах.

...