Проблемы с псевдонимом @font-face на ПК

Только начал использовать эту технику, и у меня странные результаты на стороне ПК. Практически в каждом браузере, в котором я просматриваю этот сайт на ПК, шрифт выглядит совершенно лошадиным. Пример:

На Mac:

http://dropbox.smallparade.com/howto-mac.png

On a PC:

http://dropbox.smallparade.com/howto-pc.png

У кого-нибудь есть опыт решения этой проблемы? Есть разрешение? Это как-то связано с тем, как были созданы шрифты? Ценю любую помощь, которую я могу получить. Я использовал генератор шрифтов на сайте fontsquirrel.com.


css font-face antialiasing
person Brandon Durham    schedule 06.11.2010    source источник
comment
Эм... какой шрифт под рукой?   -  person meder omuraliev    schedule 06.11.2010
comment
Не могли бы вы определить браузер(ы), которые вы использовали на ПК? Я предлагаю вам попробовать IE7/8, Safari и Firefox.   -  person Damien    schedule 23.11.2010

Ответы (4)


arrow_upward
5
arrow_downward

Это проблема подсказок.

Когда вы создаете свой набор шрифтов (например, в FontSquirrel), вам нужно указать Hinting в параметрах Expert.

Выберите «Эксперт» и в разделе «Визуализация» выберите:

Применить подсказку — улучшить рендеринг Win.

person Gui Premonsa    schedule 11.01.2011
comment
Я пробую FontSquirrel, и у них нет опции, о которой вы упомянули ... у них просто есть автоподсказка и подсказка шрифтовой белки ... они изменили ее название? какой из них я должен использовать? - person user961627; 03.02.2013
comment
Выберите вариант «Эксперт» при загрузке шрифта. Затем в разделе Truetype Hinting отметьте TTFAutohint. - person Gui Premonsa; 13.09.2018

arrow_upward
0
arrow_downward

возможно, вы можете указать размер шрифта в px, например

font-size:11px/11px;

это может помочь вам, потому что я столкнулся с той же проблемой, и я решил ее только так

person RPB    schedule 05.01.2011

arrow_upward
0
arrow_downward

У меня была такая же проблема, и, как и Ринкалкумар, я бы предложил указать размер шрифта.

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

Поддержка шрифтов еще не идеальна, поэтому, если это окажется проблемой, вы можете попробовать http://cufon.shoqolate.com/generate/ — он использует javascript, но отлично зарекомендовал себя, когда вы хотите, чтобы шрифты отображались одинаково в разных браузерах/платформах.

person CodeVirtuoso    schedule 07.01.2011

arrow_upward
0
arrow_downward

ttfautohint перестроит для вас подсказку шрифта.

person Tobu    schedule 17.04.2013