#fonts #css #font-face
#шрифты #css #font-face
Вопрос:
используя стандартные шрифты, основанные на разметке @font-face, шрифт отображается на толстой стороне. ниже приведен скриншот, демонстрирующий шрифт несколькими различными способами. вверху — рендеринг photoshop, на втором месте — рендеринг chrome того же шрифта (очевидно, намного толще), и на третьем — рендеринг chrome аналогичного шрифта, который также рендерится немного объемно.
http://cl.ly/0e3b2t1N0U2e003h322O
Пробовал использовать font-weight:lighter безрезультатно .. есть ли какой-нибудь трюк, чтобы облегчить это?
Спасибо!
Ответ №1:
добавлено несколько изменений в разметку h1 (где применялось правило fontface).
font-weight:normal; исправлена странная ошибка с удвоением, которая происходила в iOS
-webkit-font-smoothing: antialiased; обработал плотный рендеринг
Комментарии:
1. это -webkit-сглаживание шрифтов: сглаженный;
2.
font-weight: normal;у меня работало в Chrome на Win7, все мои шрифты отображались вдвое толще!3. эквивалент firefox -moz-osx-сглаживание шрифтов: оттенки серого;
Ответ №2:
В дополнение к вышесказанному, у меня возникла проблема с набором шрифтов, созданным Font Squirrel, и я заметил, что рендеринг немного жирнее, чем я изначально видел.
Иногда вес шрифта по умолчанию для заголовков (h1, h2 и т.д.) В агенте пользователя (браузере) Устанавливается равным 800. Если вы используете сброс CSS, они часто устанавливают значение по умолчанию примерно на 500 или 400.
Прочитайте следующую статью для получения дополнительной информации: