Як підключити нестандартні шрифти для dle

Як приклад ми підключимо шрифт для тексту з сервісу Google Fonts. Робити це ми будемо на стандартній темі Default, яка використовується відразу після установки DLE 11.0. Приступимо. Зараз в шаблоні Default використовується шрифт Aial, це ми можемо побачити в інструментах розробника.

Як підключити нестандартні шрифти для dle

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

Хочете швидко навчитися створювати сайти і блоги на WordPress з унікальним дизайном?

Отримайте найповнішу в Рунеті безкоштовну систему навчання створення сайтів на WordPress

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

Як підключити нестандартні шрифти для dle

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

Як підключити нестандартні шрифти для dle

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

Як підключити нестандартні шрифти для dle

Як підключити нестандартні шрифти для dle

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

Як підключити нестандартні шрифти для dle

Як бачимо, шрифт змінився - це Open Sans. Якщо раптом після підключення шрифту змін на сайті ви не знайдете, тоді спробуйте:

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

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

Якщо жоден з рад не спрацював, тоді, швидше за все, ви помилилися з підключенням або використанням шрифту, перевірте уважніше.

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

Хочете швидко навчитися створювати сайти і блоги на WordPress з унікальним дизайном?

Отримайте найповнішу в Рунеті безкоштовну систему навчання створення сайтів на WordPress

Найсвіжіші новини IT і веб-розробки на нашому Telegram-каналі

Як підключити нестандартні шрифти для dle

Хочете навчитися створювати сайти на CMS DLE?

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

Схожі статті