Пользовательский шрифт не загружается при первом посещении

Question

Я создал новый сайт (http://www.glutenfreekate.com) и использовал собственный шрифт, который я включаю в style.css. Раньше я работал с обычными шрифтами и никогда не испытывал никаких проблем. На этот раз у меня есть следующая проблема:

Когда я впервые заходил на страницу или после опорожнения кеша, шрифт не загружается. Другими словами: текста нет. Он не использует другой шрифт, но его вообще нет. Кажется, это оставляет место для слов. Это просто кажется невидимым. Когда я нажимаю в любом месте страницы, он загружается и при каждом следующем посещении он будет там.

Проблема только в существующем Chrome.

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

Я пробовал переименовать файлы шрифтов и имя шрифта, но безуспешно.

Вот код:

@font-face { 

font-family: 'aaarghnormal'; 
    src: url('../katebreuerme/fonts/aaargh.eot'); 
    src: url('../katebreuerme/fonts/aaargh.eot?#iefix') format('embedded-opentype'), 
    url('../katebreuerme/fonts/aaargh.woff') format('woff'), 
    url('../katebreuerme/fonts/aaargh.ttf') format('truetype'), 
    url('../katebreuerme/fonts/aaargh.svg#aaarghnormal') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

body { 
    font-family: "aaarghnormal", Helvetica, Century Gothic, Verdana, sans-serif, serif, Courier, monospace; 
} 

Любые идеи о том, как решить эту проблему? Я не думаю, что это хорошо, если мои читатели не видят шрифт при первом посещении ...

Спасибо!

Answer 1

Ни может быть ничего, кроме вас есть:

@import url("css/style.css"); 

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

Ваш CSS/style.css использовать шрифт? , потому что, возможно, первый раз, когда шрифт еще не загружен, и вы пытаетесь использовать его на css/style.css, я ошибаюсь?

Попробуйте изменить это и загрузить шрифт первого и включить CSS/style.css непосредственно в HTML файл .. Не уверен, что сохранит вашу проблему, но это ничего не стоит попробовать