Если вам необходимо использовать сторонние шрифты, можно сделать следующее:
1. Создаем Модуль. В Модуле создаем виджет с расширением: Общие – Корневой компонент
2. Во вкладке Файлы виджета загружаем исходные файлы шрифта:
3. Во вкладке Шаблон добавляем Виджет Код со следующим содержимым:
Код:
<style>
@font-face {
font-family: "ALS Sector Regular Regular";
src: url("<%= UI.widget.filePath %>/595030bb520f1e2ab2fb4e8d7c5f30a5.eot");
src: url("<%= UI.widget.filePath %>/595030bb520f1e2ab2fb4e8d7c5f30a5.eot?#iefix") format("embedded-opentype"),
url("<%= UI.widget.filePath %>/595030bb520f1e2ab2fb4e8d7c5f30a5.woff2") format("woff2"),
url("<%= UI.widget.filePath %>/595030bb520f1e2ab2fb4e8d7c5f30a5.woff") format("woff"),
url("<%= UI.widget.filePath %>/595030bb520f1e2ab2fb4e8d7c5f30a5.ttf") format("truetype"),
url("<%= UI.widget.filePath %>/595030bb520f1e2ab2fb4e8d7c5f30a5.svg#ALS Sector Regular Regular") format("svg");
}
body{
font-family:"ALS Sector Regular Regular", "SF Pro Display", "Helvetica", "Arial", sans-serif;
}
</style>
В качестве примера подключается шрифт ALS Sector Regular от студии Артемия Лебедева (https://www.onlinewebfonts.com/download/595030bb520f1e2ab2fb4e8d7c5f30a5). Пожалуйста, соблюдайте авторские права!
4. Сохраняем изменения, публикуем, включаем Модуль. Шрифт подключается с небольшой задержкой при загрузке страницы.
До:
После:
