рендеринг @ font-face больше в Chrome / IE, fontsquirrel - PullRequest
Новая
       5

рендеринг @ font-face больше в Chrome / IE, fontsquirrel

2 голосов
/ 20 мая 2011

Я использую @ font-face для рендеринга собственного шрифта на сайте. шрифт «Министерство ExtraLight» Я также использую этот сайт для создания файлов шрифтов http://www.fontsquirrel.com.

на Firefox выглядит нормально. но в Chrome / IE / Safari это выглядит так, будто шрифт закрашен. когда я проверяю шрифт, он на самом деле установлен на 

font-weight: normal;
font-style: normal;
font-variant:normal

, но он делает шрифт жирным или жирным.

кто-нибудь сталкивался с чем-то подобным?

Rendering on Chrome/FF

Ответы [ 5 ]

1 голос
/ 05 июля 2011

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

0 голосов
/ 17 октября 2011

Я заметил то же самое.

Поскольку я не нашел решения, я перешел использовать тот же шрифт на Google Webfont вместо.

http://www.google.com/webfonts

Плохо то, что веб-шрифты Googles намного больше (Open Sans примерно в 2-3 раза больше, чем Open Sans-шрифт-белок), так что следите.

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

Если вы не нашли способа это исправить, используйте Cufon http://cufon.shoqolate.com/generate/

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

Хотя то, что сказал Пол, правильно (о рендеринге), вы можете попробовать еще кое-что, в том числе объявления CSS / reset / fonts от Yahoo!

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

ref: http://developer.yahoo.com/yui/3/cssfonts/, http://developer.yahoo.com/yui/3/cssreset/

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

Вы также найдете различия в рендеринге между Windows, OSX и Linux.

Звучит так, будто Firefox - странный выход, так что вам, вероятно, стоит поискать, что там отличается.

Может случиться так, что Firefox использует свой собственный рендеринг шрифтов, в то время как другие используют системный рендеринг шрифтов. Если ваша система настроена на изменение шрифтов (сделать их более жирными, включить различные типы сглаживания и т. Д.), Вы можете увидеть описанный эффект.

...