Как решить проблему со своими шрифтами в Chrome?

Question

[Руслан Гильзидинов]

Всем привет.
Решил я перенести свой уютный бложек с хостинга на облако. В блоге используются 2 шрифта, которые работают через @font-face. Переношу на облако (на облаке стоит nginx с apache'ом на бэкэнде). И - вуаля! - в Chrome эти шрифты больше не работают. Причем в Safari все прекрасно.

Шрифты подключены таким образом:

@font-face {
    font-family: 'CrashCTT';
    src: url('fonts/CrashCTT.eot?'), /* IE 5-8 */
    url('fonts/CrashCTT.woff') format('woff'), /* FF 3.6, Chrome 5, IE9 */
    url('fonts/CrashCTT.ttf') format('truetype'), /* Opera, Safari */
    url('fonts/CrashCTT.svg#svgFontName') format('svg'); /* iOS */
}

Думал, может быть, по какой-то причине nginx не хочет отдавать шрифты нужного формата, но нет - через хромовскую приблуду "Inspect" определил, что он шрифты выкачивает (аж два - ttf и woff).
Я в ступоре, даже не знаю в какую сторону копать.
У кого-нибудь есть какие идеи?

Answer 1

[Андрей Буров]

а Content-Type для них верный отдается?

Comments

[Руслан Гильзидинов]

content-type вообще не приходит. Однако сравнил с отдачей с хостинга, который работает, - там тоже не отдается.
Заметил еще одну особенность - при отдаче с хостинга шрифты загружаются только в woff, а с облака - и woff, и ttf.

Answer 2

[Сергей Горячев]

Пользуюсь кодом, который генерирует "шрифтовая белка" для шрифтов.
Никогда никаких проблем не было с отображением.

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