Правильное подключение шрифтов в темах дизайна при использование CDN Есть решение

Подскажите пожалуйста как правильно подключать шрифты при разработке темы с учетом специфики CDN WebAsyst ?

Используется FontAwesome, по умолчанию мы использовали подключение в основном css файле:

@font-face {
  font-family: 'FontAwesome'; 
  src: url('../assets/libs/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0');

не помогло, подключали напрямую:

    <!-- Font Awesome -->
    <link rel="stylesheet" href="{$wa_theme_url}assets/libs/font-awesome/css/font-awesome.min.css">


Причем на CDN переходят и стили и файлы шрифтов, но шрифты не грузятся с ошибкой:

Font from origin 'https://***.c.cdn77.org' 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://***' is therefore not allowed access.

Есть ли инструкция по правильному подключения шрифтов?

3 ответа

  • 1
    Max Vecheslavov 17 октября 2016 11:20 # Решение

    Используйте переменную $wa_real_theme_url, которая вернёт относительный путь до текущей темы без CDN (то есть, если CDN не настроен, то $wa_real_theme_url = $wa_theme_url).

    (отсюда — https://www.shop-script.ru/help/3022/prepare-your-plugins-and-themes-for-shop-script-6/)

  • 1
    Василий Бутин 13 января 2018 20:23 #

    попробовал оба совета, не помогло - medbox.shop

    кэш CDN сбрасывал после изменения кода.


  • 1
    Tory 6 апреля 2018 12:56 #

    Здравствуйте,

    в админке слетел весь шрифт, и здесь на webasyst в подвале слетела кириллица, показывает только латиницу.

    Как исправить в админике - не могу работать

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите