Intereting Posts
Условные теги – несколько категорий WP_Query поиск пользовательских сообщений метаданные поля Как добавить поле динамического выбора в страницу продукта woocommerce meta_value_num сортировать сбой Показать диалоговое окно в плагине TinyMCE и использовать в нем функции WordPress php Цель добавления способности к роли, но не предоставления? Слияние двух сайтов wordpress Как отменить навигацию в конце сообщения Опубликованные персонализированные сообщения отсутствуют Как проверить, является ли это n-ым экземпляром заданного короткого кода в сообщении Multisite Network: как программно изменить структуру ссылок на новые блоги Показать 3 последних сообщения из одной таксономии 404 Ошибка при доступе к файлам шрифтов get $ post (объект, части / значения) в мета-поле Как правильно отключить ПЕРЕСМОТРЫ и AUTOSAVE для всего сайта и, возможно, для персонализированного типа сообщений

Правильный способ создания собственных шаблонов Enqueue в проекте sass

Попытка моей руки создать тему с sass, имея немного проблемы с выяснением того, как использовать мой самодельный шрифт в проекте. Вероятно, это просто грязь, и, как обычно, я нахожусь в затруднительном положении.

При использовании гуглских шрифтов я выставляю их из функции functions.php и ссылаюсь на выделенный символ в моих таблицах стилей, но с самоорганизованным шрифтом предложение, которое я нахожу, заключается в том, что я должен импортировать их через @import в мою таблицу стилей.

Если у меня есть папка с шрифтами в корне моей темы, содержащая мой шрифт, используя основную структуру темы, созданной sass generated подчеркивает, что является наиболее эффективным способом включения этого шрифта в мою тему?

Solutions Collecting From Web of "Правильный способ создания собственных шаблонов Enqueue в проекте sass"

Я думаю, что лучший способ – объявить файл с именем _fontface.scss и поставить ниже кодовые блоки –

 @mixin fontFace($family,$src,$style: normal,$weight: normal) { @font-face { font-family: $family; src: url('#{$src}.eot'); // IE9 compat src: url('#{$src}.eot?#iefix') format('embedded-opentype'), // IE8 and below url('#{$src}.woff') format('woff'), // standards url('#{$src}.ttf') format('truetype'), // Safari, Android, iOS url('#{$src}.svg##{$family}') format('svg'); // legacy iOS font-style: $style; font-weight: $weight; } } 

Теперь вы включаете этот _fontface.scss в основной файл начальной загрузки и используете его как –

 @import 'fontface'; @include fontFace('YourFont','font/yourfont'); 

Надеюсь, это поможет.