Проблемы

Не работают шрифты и недоступны иконки

Какие шаги нужно предпринять по устранению неполадок, если на вашем сайте не загружаются шрифты иконки, значки социальных сетей, значок поиска в меню, значок кнопки «Вверх» и т.п. (Вместо всего этого вы видите только квадратики).

Некоторые браузеры отказываются встраивать отдельные шрифты. Эту проблему можно увидеть в консоли браузера в виде вот такой записи:

Font from origin 'https://cdn.example.com' has been blocked from loading by 
Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' 
header is present on the requested resource. Origin 'https://www.example.com'
 is therefore not allowed access.

Предложенное ниже, должно решить вашу проблему. Просто скопируйте всё и вставьте в файл .htaccess, затем повторно загрузите его на сервер, очистите кэш и, в конечном итоге, также очистите файлы CDN, и проблема будет решена:

# ----------------------------------------------------------------------
# CORS-enabled images (@crossorigin)
# ----------------------------------------------------------------------

<FilesMatch "\.(gif|png|jpe?g|svg|svgz|ico|webp)$">
SetEnvIf Origin ":" IS_CORS
Header set Access-Control-Allow-Origin "*" env=IS_CORS


# &mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;
&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;-
# Webfont access
# &mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;
&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;&mdash;-
# Allow access from all domains for webfonts.
# Alternatively you could only whitelist your
# subdomains like “subdomain.example.com”.

<FilesMatch “\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$”>
Header set Access-Control-Allow-Origin “*”

Можно также посмотреть следующие ссылки для получения дополнительной информации:


Вы / ваши клиенты используете Adblock Plus?


Если включена опция «Remove Social Media Buttons», вы пропустите некоторые значки брендов. Помните об этом.

В теме отсутствует файл style.css, появляется ошибка stylesheet.

Как добавить свой шрифт на сайт WordPress?

Тэги
Показать больше

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Close
Close