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

Question

[Mixa]

На сайте в определенный момент вместо иконок начали отображаться квадратики.


Не могу никак понять причину, что изменилось...

Comments

[Dymok]

Смотрите ошибки в консоли, связанные со шрифтами. Они там есть

[Mixa]

Да я вижу, только не понимаю, что с ними делать и как фиксить...

Answer 1

[Владимир Проскурин]

Смотрите консоль

Access to Font at 'http://matrix-uav.ua/wp-content/themes/Matrix/new/fonts/iconfont.ttf?9ge6jk' from origin 'http://muav.com.ua' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://muav.com.ua' is therefore not allowed access.

Самый легкий способ, это скачать себе на свой сайт этот шрифт, и с него подключать.

Comments

[Mixa]

Так он по ходу и лежит у меня.

matrix-uav.ua/wp-content/themes/Matrix/new/fonts/i... - это как раз путь к нему...

[Владимир Проскурин]

Mixa, домены разные. Ну если не хотите таскать, тогда настройте Access-Control-Allow-Origin Загуглите как это делается, будет куча примеров.

[Mixa]

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

<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

не помогогло. И главное, я не могу понять, в каком из файлов эти пути прописываются - какой-то js, но какой - из консоли вроде как не понятно...

[Владимир Проскурин]

Mixa, смотрите, чтобы у вас был включен модуль mod_headers

Answer 2

[htmlcssseo]

Access to Font at 'matrix-uav.ua/wp-content/themes/Matrix/new/fonts/i...' from origin 'muav.com.ua' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'muav.com.ua' is therefore not allowed access.

Проверьте пути, что б везде было https начало

Comments

[Mixa]

А почему именно https, а не http? Я не использую https. Или... кажется, я чего-то не понимаю....