@ font-face на Chrome 16 в Windows 7 выглядит как нечто съеденное - PullRequest
Новая
       34

@ font-face на Chrome 16 в Windows 7 выглядит как нечто съеденное

2 голосов
/ 21 февраля 2012

проблема

Как это должно выглядеть (Chrome 16 на Mac).

http://demo.ddesign.si/temp/so-font/font-correct.png
Как это выглядит (Chrome 16 в Windows 7)
http://demo.ddesign.si/temp/so-font/font-normal.png
Как это выглядит с большим размером шрифта http://demo.ddesign.si/temp/so-font/font-big.png

Описание

Я использую генератор шрифтового белка для моего кода CSS. 

font-family: 'Conv_Gotham-Light';
  src: url('fonts1/Gotham-Light.eot');
  src: local('☺'), 
       url('fonts1/Gotham-Light.woff') format('woff'),
       url('fonts1/Gotham-Light.ttf') format('truetype'),
       url('fonts1/Gotham-Light.svg') format('svg');

Пробные решения

Я пробовал много решений ( замена порядка шрифтов (svg сверху) , добавление тени текста , добавление -webkit-text-stroke , -webkit- сглаживание шрифтов и т. д.), но ни один из них не работал.

Какие файлы запрашиваются?

Он работает правильно в IE 9 в Windows 7. Я искал в журналах apache и обнаружил, что IE в Windows запрашивает файл .woff, но Chrome 16 в Windows 7 запрашивает файл .ttf и после «svg fix» запрашивает .svg и .ttf.

Что теперь?

Так что происходит и как я могу это исправить?

Ответы [ 2 ]

2 голосов
/ 29 февраля 2012

Это потому, что в шрифте отсутствует подсказка, как уже отмечалось. Mac OS всегда удаляет хинтинговые данные, так как ее растеризатор «автоматически намекает» на сам шрифт.

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

Смотрите здесь: http://www.freetype.org/ttfautohint/

2 голосов
/ 27 февраля 2012

В шрифте отсутствует подсказка. Когда у шрифтов в Windows чанки отсутствуют или добавлены, обычно вы можете винить подсказку TTF. Запустите шрифт через Font Squirrel Generator, и он должен решить вашу проблему.

...