От автора: приветствую вас, друзья. В этой статье мы с вами поговорим о том, как подключить нестандартные шрифты для DLE. Собственно, это могут быть абсолютно любые текстовые шрифты, иконочные шрифты, стили, скрипты и т.п. Начнем?
В качестве примера мы подключим шрифт для текста с сервиса Google Fonts. Делать это мы будем на стандартной теме Default, которая используется сразу после установки DLE 11.0. Приступим. Сейчас в шаблоне Default используется шрифт Aial, это мы можем увидеть в инструментах разработчика.
Попробуем заменить его, скажем, шрифтом Open Sans от сервиса шрифтов Google. Идем на сайт сервиса Google Fonts и находим нужный шрифт. Далее кликаем по иконке Quick-use.
Бесплатный курс «Создание тем на WordPress. Быстрый старт»
Изучите курс и узнайте, как создавать уникальные темы на WordPress с нестандартной структурой страниц
Скачать курсНа открывшейся странице включаем дополнительные настройки, если они вам нужны. В частности, вы можете указать, что будете использовать буквы специфичных алфавитов, т.е. буквы, которых нет в стандартной латиннице: греческие, кириллические, расширенную латинницу и т.д.
После этого копируем предлагаемую на третьем шаге строку, позволяющую подключить шрифт.
Скопированную строку кода нам нужно вписать между тегами head, там, где подключаются файлы стилей шаблона. В админпанели идем в меню Управление шаблонами — Шаблоны сайта и выбираем шаблон main.tpl активной темы и вставляем скопированную ранее строку кода перед подключением файла стилей темы.
Теперь используем новый шрифт. Для этого откроем файл styles.css из папки css. Закомментируем или удалим текущий шрифт и укажем использование нового. Заодно укажу размер шрифта и межстрочный интервал.
Проверим изменения на сайте.
Как видим, шрифт изменился — это Open Sans. Если вдруг после подключения шрифта изменений на сайте вы не обнаружите, тогда попробуйте:
очистить кеш DLE (главная страница админпанели, кнопка внизу Очистить кеш);
несколько раз обновить страницу или использовать комбинацию клавиш Ctrl + F5.
Если ни один из советов не сработал, тогда, скорее всего, вы ошиблись с подключением или использованием шрифта, проверьте внимательнее.
Ну а на этом я с вами прощаюсь. Если вам понравилось работать с DLE и вы хотите познакомиться с ней поближе, тогда рекомендую наш курс Создание сайта на CMS DLE. Удачи!
Бесплатный курс «Создание тем на WordPress. Быстрый старт»
Изучите курс и узнайте, как создавать уникальные темы на WordPress с нестандартной структурой страниц
Скачать курс
Хотите научиться создавать сайты на CMS DLE?
Посмотрите видео по созданию сайта на CMS DLE с нуля!
Смотреть
