Проблема с кодировкой шрифта Chrome 10 / Windows @ - PullRequest
Новая
       13

Проблема с кодировкой шрифта Chrome 10 / Windows @

4 голосов
/ 15 марта 2011

Кто-нибудь сталкивался с чем-то подобным исключительно в Chrome 10 / Win?

Screenshot of non-breaking spaces being replaced by question mark and square characters

Все неразрывные пробелы в этих двух веб-шрифтах отображаются неправильно. Работа в IE7 / 8/9, Firefox, Safari и Chrome / OSX.

Содержимое моего файла fonts.css: 

@font-face {
    font-family: 'Hellenic';
    src: url('../fonts/eot/hellenic.eot?') format('eot'),
         url('../fonts/ttf/hellenic.ttf') format('truetype'),
         url('../fonts/woff/hellenic.woff') format('woff'), 
         url('../fonts/svg/hellenic.svg#MCMHellenicWide') format('svg');
}

@font-face {
    font-family: 'Lasalle';
    src: url('../fonts/eot/lasalle.eot?') format('eot'),
         url('../fonts/ttf/lasalle.ttf') format('truetype'),
         url('../fonts/woff/lasalle.woff') format('woff'), 
         url('../fonts/svg/lasalle.svg#FilmotypeLaSalle') format('svg');
}

@font-face {
    font-family: 'LeagueGothic';
    src: url('../fonts/eot/leaguegothic.eot?') format('eot'),
         url('../fonts/ttf/leaguegothic.ttf') format('truetype'),
         url('../fonts/woff/leaguegothic.woff') format('woff'), 
         url('../fonts/svg/leaguegothic.svg#svgFontName') format('svg');
}

Ответы [ 4 ]

5 голосов
/ 22 марта 2011

Весьма вероятно, что веб-шрифт собран неправильно.

Я скачал шрифт CaviarDreams, который используется на сайте Себастьяна, и получил ту же ошибку.

Затем я скачал его отсюда: http://www.dafont.com/caviar-dreams.font, использовал генератор наборов fontsquirrel.com , и результат был превосходным.

1 голос
/ 22 марта 2011

Попробуйте это из предыдущего вопроса StackFlow.Обратитесь к части htaccess, а не к началу:

шрифт с неверным типом MIME в Chrome

Также обратитесь к этому билету с Google:

http://code.google.com/p/chromium/issues/detail?id=72727&q=%40font-face&colspec=ID%20Stars%20Pri%20Area%20Feature%20Type%20Status%20Summary%20Modified%20Owner%20Mstone%20OS

Последнее средство: заново сгенерируйте ваш шрифт с помощью Font Squirrel .

1 голос
/ 22 марта 2011

Попробуйте их кодировать с помощью генератора шрифтов fontsquirrel.com. Я не уверен, в чем проблема, но это может помочь.

0 голосов
/ 31 августа 2011

Я прокомментировал этот вопрос раньше и только что нашел дополнительную информацию для людей, испытывающих проблемы с полями и пробелами с 'X' для разрывов строк, символов конца строки и пробелов в Chrome, Internet Explorer и Firefox. Да, иногда регенерация файлов шрифтов улучшает ситуацию, но потом я заметил, что мои проблемы в основном исчезли, когда я добавил символы Юникода для пробелов и новых строк. Вставьте следующее в поле Unicode Ranges на FontSquirrel при генерации ваших шрифтов: 

0085, 000A, 000B, 000C, 000D, 2028, 2029

Для удобства я также набираю пробел в поле «Одиночные символы».

...