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

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

От автора: приветствую вас, друзья. В этой статье мы с вами поговорим о том, как подключить нестандартные шрифты для DLE. Собственно, это могут быть абсолютно любые текстовые шрифты, иконочные шрифты, стили, скрипты и т.п. Начнем?

В качестве примера мы подключим шрифт для текста с сервиса 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. Удачи!

Хотите научиться создавать сайты на CMS DLE?

Прямо сейчас посмотрите курс по созданию сайта на CMS DLE с нуля!

Смотреть курс

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree