2013-12-02 4 views
3

В большинстве браузеров сайт, который я создаю, прекрасен. Но в Google Chrome у шрифта, который я использую, в нем много трещин и вообще не отображается должным образом.Шрифты, сломанные в Google Chrome

Chrome:

Picture

FireFox:

enter image description here

Я пробовал различные исправления для него, но я все еще не в состоянии получить его как сайт находится на светлячок. Вот мой CSS для лица шрифта:

@font-face { 
    font-feature-settings:'liga=0'; 
    font-feature-settings:'liga' 0; 
    -moz-font-feature-settings:'liga=0'; 
    -moz-font-feature-settings:'liga' 0; 
    -webkit-font-feature-settings:'liga=0'; 
    -webkit-font-feature-settings:'liga' 0; 
    font-family:'ChampagneLimousines'; 
    src: url('/Resources/CLB.eot'); /* IE9 */ 
    src:url('/Resources/CLB.svg') format('svg'),url('/Resources/CLB.woff') format('woff'),url('/Resources/CLB.ttf') format('truetype'); 
    font-weight:700; 
    font-style:normal; 
} 
+2

Вопрос не раскрывает никакой информации о шрифте. Скорее всего, проблема связана только с различиями рендеринга шрифтов между браузерами (есть несколько старых вопросов об этом). Практическое решение, вероятно, перестает пытаться использовать слишком тонкие шрифты. –

+0

Также: когда у вас возникли проблемы с отображением шрифтов, добавьте операционную систему, в которой вы находитесь (Win, Mac, Linux, ...). Выделение шрифтов зависит не только от браузера, но и от ОС. –

ответ

0

Несколько вещей, чтобы попробовать:

  • Получить официальные файлы веб-шрифтов для вашего шрифта, если это возможно
  • В противном случае использовать такой инструмент, как белки шрифта генератор
  • Используйте bulletproof font face syntax
  • Используйте Chrome SVG font trick для более плавного рендеринга в Chrome
  • Chrome улучшает размер шрифта по сравнению с другими. Попробуйте установить, например. font-size: 16px затем увеличивающиеся/декрементирование 1px в то время, чтобы найти компромисс
  • Это может быть просто, что ваш веб-шрифт плохо намекнули, поэтому найти альтернативный один

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

Смежные вопросы