@font-face толщина

используя стандартный шрифт fontsquirrel, основанный на @font-face. Шрифт - это рендеринг на толстой стороне. ниже - скриншот, демонстрирующий шрифт несколькими способами. top - это рендеринг фотошопа, второй - хром-рендеринг того же шрифта (очевидно, намного толще), а третий - это хром-рендеринг аналогичного шрифта, который также выглядит немного коротким.

http://cl.ly/0e3b2t1N0U2e003h322O

Пробовал использовать font-weight:lighter безрезультатно.. есть ли трюк, чтобы облегчить его?

спасибо!

Ответ 1

добавил некоторые вещи к разметке h1 (где было применено правило шрифта).

font-weight:normal; исправлена странная вещь удвоения, которая произошла в iOS

-webkit-font-smoothing: antialiased; обрабатывал толщину рендеринга

Ответ 2

В дополнение к вышесказанному у меня возникла проблема с созданным шрифтом Font Squirrel и заметил, что рендеринг немного смелее, чем я изначально видел.

Иногда размер шрифта по умолчанию для заголовков (h1, h2 и т.д.) в пользовательском агенте (браузере) устанавливается равным 800. Если вы используете CSS reset, они часто фиксируют значение по умолчанию примерно на 500 или 400.

Прочтите следующую статью для получения дополнительной информации:

http://css-tricks.com/watch-your-font-weight/