Не работают шрифты и недоступны иконки
Какие шаги нужно предпринять по устранению неполадок, если на вашем сайте не загружаются шрифты иконки, значки социальных сетей, значок поиска в меню, значок кнопки «Вверх» и т.п. (Вместо всего этого вы видите только квадратики).
Некоторые браузеры отказываются встраивать отдельные шрифты. Эту проблему можно увидеть в консоли браузера в виде вот такой записи:
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 # ———————————— ———————————- # Webfont access # ———————————— ———————————- # 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?