Почему не подключает шрифт через font-face?

Question

[vohaha]

Взял с fontsquirrel, подключил, поменял пути.

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

прописываю

.page-title {
	h1 {
		font: 700 33px "molot";
		text-transform: uppercase;
		color: #d61c38;
	}
}

и ничего не происходит...
в отладчике на вкладке network видно что шрифт загрузился

а нужный элемент все равно отображается другим шрифтом

Это я туплю где-то или в чем дело?

Answer 1

[lukoie]

буквально на днях тоже не рендерился шрифт
output.jsbin.com/yunile/9
www.jwforum.eu/viewtopic.php?p=588811#p588811
попробуйте в браузере приватное окно, или в другом браузере. Может кеш просто подтягивает - такое тоже было(рефреш с шифтом попробуйте).

Comments

[lukoie]

если интересно - решение той задачки тут: www.jwforum.eu/viewtopic.php?p=588856#p588856

[Сергей delphinpro]

lukoie: 304 - Not Modified - как бы намекает, что ресурс закэширован.

[lukoie]

Сергей: тут что угодно может быть, вплоть до как у меня иногда случается - буква в теге или свойстве не латиница. буква "о" в случае автора вопроса. Так что без ссылки наверное и не навангуем.

[Сергей delphinpro]

lukoie: на скрин глянь - там явно видно - 304 )

[lukoie]

Сергей: ну и что? на скрине не видно к какому классу это информация о рендеринге стиля. Может автор сделал два похожих, меняет в одном, а смотрит случайно в другом. Я ж говорю -без ссылки тяжело сказать.

Answer 2

[Евгений Петров]

У вас файл шрифта сервер отдаёт как application/octet-stream.
Выставляйте в настройках сервера тип, определённый для этого типа шрифта

AddType application/font-woff .woff
AddType application/font-woff .woff2

Update: Большинство браузеров уже поддерживают краткую форму записи. Несмотря на то, что это — пока не стандарт, есть ощущение, что скоро такие заголовки им станут.

AddType font/woff .woff
AddType font/woff .woff2

Answer 3

[vohaha]

Короче, скачал шрифт без кириллицы...