2012-07-04 5 views
1

С некоторых дней браузер Google Chrome не показывает специальные шрифты: CSS с шрифтом.Лицо шрифта с Google Chrome

@font-face { 
    font-family: 'Babel Sans'; 
    src: url('../fonts/babelsans.eot'); 
    src: url('../fonts/babelsans.eot?#iefix') format('eot'), 
     url('../fonts/babelsans.woff') format('woff'), 
     url('../fonts/babelsans.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
} 

Все работает отлично с Safari, Firefox и IE, и на прошлой неделе он отлично работал. У кого-то такая же проблема, и кто-то знает, как я могу ее решить?

Спасибо,

+0

Не могли бы вы рассказать, как вы на самом деле реализуете в себе код ... – Trufa

+1

@EliranMalka, Он сказал, что он отлично работает в других браузерах. –

+1

@NadavS. Спасибо за разъяснения! Я удалил свой ответ извините за пропуски! – Trufa

ответ

1

Теперь он работает, я думаю, что Google обновил браузер.

0

Так было обновление Chrome в течение недели, вы можете попробовать использовать более старую версию, чтобы узнать, если это ошибка (я сам не заметил каких-либо проблем). Получите один на http://www.oldapps.com/google_chrome.php.
Также проверьте, используете ли вы этот шрифт в дополнение к другим значениям CSS, связанным с шрифтом (если это так, отключите их). В прошлом были некоторые проблемы, которые на самом деле были решены, но вы никогда не знаете ...

1

У меня такая же проблема с момента обновления Chrome 20. Это происходит в Windows Xp и Mac OS X 10.6.8. Safari и Mobile Safari (совместно использующие движок WebKit с Chrome) отлично работают как Firefox и IE. Мой код css похож на ваш. В инспекторе кажется, что шрифт не загружается. Иногда при навигации по различным страницам (которые используют один и тот же внешний файл css) на моем сайте шрифт загружается и отображается правильно.

Тем не менее пытается решить эту проблему ...

EDIT:

мне удалось решить эту проблему. я не знаю, почему, но с помощью этого работал: http://www.fontsquirrel.com/fontface/generator/

Я загрузил свой шрифт, получил CSS и преобразованные файлы, загрузили их на мой сервер и заменить шрифт лицу заявление ... побрякушки! Оно работает! Надеюсь, это сработает и для вас!

0

Первое: Преобразовать вы шрифт с помощью этого service как г-н Stefano предложить:

Позже использовать этот CSS код, чтобы использовать свой шрифт в проекте:

@font-face { 
    font-family: 'aljazeeraregular'; 
    src: url('aljazeera-webfont.eot'); 
    src: url('aljazeera-webfont.eot?#iefix') format('eot'), 
     url('aljazeera-webfont.woff') format('woff'), 
     url('aljazeera-webfont.ttf') format('truetype'), 
     url('aljazeera-webfont.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

} 

body { 
    background-color: #eaeaea; 
    font-family: 'Aljazeera'; 
    font-size: 14px; 
} 

Обратите внимание, что при вызове font-family в на вашем сайте вы должны использовать свое первоначальное имя не так, как вы заявляете его в @font-face.

+0

Это не связано с вопросом. – alexmngn

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