Від автора: вітаю вас, друзі. У цій статті ми з вами поговоримо про те, як підключити нестандартні шрифти для 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. Удачі!