@istasiik

Не работает font-face в chrome?

Бьюсь уже несколько часов. В хроме не подргружаются шрифты через font-face. В сафари все ок, на ios тоже.

@font-face {
    font-family: 'lato';
    src: url('Lato-Black.eot?') format('eot'), 
         url('Lato-Black.woff') format('woff'), 
         url('Lato-Black.otf')  format('opentype'),
         url('Lato-Black.ttf')  format('truetype'),
         url('Lato-Black.svg#lato') format('svg');
         font-weight: 900;
    }

@font-face {
    font-family: 'lato';
    src: url('Lato-Light.eot?') format('eot'), 
         url('Lato-Light.woff') format('woff'), 
         url('Lato-Light.otf')  format('opentype'),
         url('Lato-Light.ttf')  format('truetype'),
         url('Lato-Light.svg#lato') format('svg');
         font-weight: 200;
    }


В чем может быть проблема?
  • Вопрос задан
  • 3963 просмотра
Пригласить эксперта
Ответы на вопрос 4
thewind
@thewind
php программист, front / backend developer
А где ttf формат?
Ответ написан
@soledar10
html css3 js jquery
попробуйте так

@font-face {
    font-family: 'Lato-Black';
    src: url('Lato-Black.eot');
    src: url('Lato-Black?#iefix') format('embedded-opentype'),        
         url('Lato-Black.woff') format('woff'),
         url('Lato-Black.ttf') format('truetype'),
         url('Lato-Black.svg#Lato-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato-Light';
    src: url('Lato-Light.eot');
    src: url('Lato-Light?#iefix') format('embedded-opentype'),        
         url('Lato-Light.woff') format('woff'),
         url('Lato-Light.ttf') format('truetype'),
         url('Lato-Light.svg#Lato-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}
Ответ написан
Комментировать
mlnkv
@mlnkv
JavaScript Developer
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,900);
Ответ написан
Комментировать
codingal
@codingal
Front end и не только
У вас пути правильно прописаны? шрифты так и лежат в одной директории с цсс файлом?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы