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

329

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

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

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

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

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

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

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

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

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

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

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

Тепер використовуємо новий шрифт. Для цього відкриємо файл styles.css з папки css. Закомментіруем або видалимо поточний шрифт і вкажемо використання нового. Заодно покажу розмір шрифту, міжрядковий інтервал.

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

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

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

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

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

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

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

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