Как подключить нестандартные шрифты для DLE

29 Мая 2022г. в 04:33

В качестве примера мы подключим шрифт для текста с сервиса Google Fonts. Делать это мы будем на стандартной теме Default, которая используется сразу после установки DLE 11.0. Приступим. Сейчас в шаблоне Default используется шрифт Aial, это мы можем увидеть в инструментах разработчика.

Попробуем заменить его, скажем, шрифтом Open Sans от сервиса шрифтов Google. Идем на сайт сервиса Google Fonts и находим нужный шрифт. Далее кликаем по иконке Quick-use.

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



После этого копируем предлагаемую на третьем шаге строку, позволяющую подключить шрифт.



Скопированную строку кода нам нужно вписать между тегами head, там, где подключаются файлы стилей шаблона. В админпанели идем в меню Управление шаблонами — Шаблоны сайта и выбираем шаблон main.tpl активной темы и вставляем скопированную ранее строку кода перед подключением файла стилей темы.



Теперь используем новый шрифт. Для этого откроем файл styles.css из папки css. Закомментируем или удалим текущий шрифт и укажем использование нового. Заодно укажу размер шрифта и межстрочный интервал.



Проверим изменения на сайте.



Как видим, шрифт изменился — это Open Sans. Если вдруг после подключения шрифта изменений на сайте вы не обнаружите, тогда попробуйте:

очистить кеш DLE (главная страница админпанели, кнопка внизу Очистить кеш);

несколько раз обновить страницу или использовать комбинацию клавиш Ctrl + F5.

Если ни один из советов не сработал, тогда, скорее всего, вы ошиблись с подключением или использованием шрифта, проверьте внимательнее.

Ну а на этом я с вами прощаюсь. Если вам понравилось работать с DLE и вы хотите познакомиться с ней поближе, тогда рекомендую наш курс Создание сайта на CMS DLE. Удачи!