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

Question

[istasiik]

Бьюсь уже несколько часов. В хроме не подргружаются шрифты через 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;
    }

В чем может быть проблема?

Comments

[Роман]

а в консоли вывод есть какой-то?

Answer 1

[Дмитрий]

А где ttf формат?

Comments

[istasiik]

Добавил, не работает.

[Дмитрий]

istasiik: пути к файлам шрифтов точно верные?

[Дмитрий]

Дмитрий: шрифт кириллический? Попробуйте вывести какой-нибудь текст латиницей

[istasiik]

Дмитрий: кириллица в нем есть, но тестирую латиницей все равно. Пути правильные. Все они находятся в папке css. Одни браузеры их подхватывают, а firefox и chrome нет

[Дмитрий]

istasiik: я обычно использую немного другой синтаксис, попробуйте и вы

@font-face {
	font-family: 'Exo2Medium';
	src: url('../fonts/Exo2/Medium/Exo2.0-Medium.eot');
	src:
		local('O'),
		url('../fonts/Exo2/Medium/Exo2.0-Medium.woff') format('woff'),
		url('../fonts/Exo2/Medium/Exo2.0-Medium.svg') format('svg'),
		url('../fonts/Exo2/Medium/Exo2.0-Medium.ttf') format('truetype'),
		url('../fonts/Exo2/Medium/Exo2.0-Medium.otf') format('opentype');
}

Answer 2

[Дмитрий]

попробуйте так

@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;
}

Answer 3

[Сергей Мельников]

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,900);

Answer 4

[codingal]

У вас пути правильно прописаны? шрифты так и лежат в одной директории с цсс файлом?

Comments

[istasiik]

Да