Почему периодически на сайте вместо иконок иероглифы?

Question

[kpa18]

Добрый день, столкнулся с проблемой, иногда при перезагрузке страницы вместо иконок появляются иероглифы.
Иконки подключены в css файл по типу: url(../fonts/icons.woff?z88dg8) format("woff")
Кодировка UTF-8.
Пример:

С чем это может быть связано?
Спасибо.

Comments

[WapSter]

Используй svg А так видимо шрифт не подгружается

[Lynn «Кофеман»]

С тем что шрифт не успел загрузиться.
Вообще иконочные шрифты уже не очень модны и от них постепенно избавляются в пользу SVG

Answer 1

[kova4]

Ну успевает подгрузиться шрифт.
Проверьте это, откройте DevTools (F12), выбирает вкладку Network, в разделах выберите Font
Затем обновите страницу, не закрывая DevTools. Там должен появится ваш шрифт.

Вообще советую подключать его в нескольких форматах. Сделать это можно при помощи сервисов кодировок, например https://transfonter.org

Как минимум можно добавить svg, ttf