Ви дізнаєтеся як правильно використовувати google fonts

Опис підключення нестандартних шрифтів Google fonts. У даній статті буде повністю описаний процес як підключити новий шрифт Joomla.

2. Вписуємо назва вподобаного шрифту або вибираємо зі списку запропонованих (1). Є можливість відсортувати шрифти за заданими критеріями (1). Є можливість вписати свій текст і подивитися як він буде виглядати в оформленні новим шрифтом (2). Натискаємо навпроти обраного шрифту Add to Collection (3).

3. Після додавання вибраного шрифту в колекцію - він відобразиться внизу.

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

5. Якщо Ви збираєтеся використовувати шрифт для тексту з кирилицею (українського наприклад) - не забувайте вказувати кирилицю в параметрах підключення (1). В результаті Ви отримуєте готовий код вставки Google шрифту до себе на сайт (2). У разі підключення шрифту методом "Standart" - отриманий код вставляється перед закриттям тега в індексному файлі (index.html - в разі статичного сайту без CMS, файл index.php шаблону - в разі роботи з Joomla CMS). При виборі підключення шрифту методом @import - отриманий код вставляється в файлі стилів css.

6. Сімейство шрифту, яке необхідно застосувати в css стилях на сайті.

7. Застосування сімейства шрифту до вибраного селектору в стилях css.

8. Додавання сімейства шрифту у виборі шрифтів в налаштуваннях шаблону Joomla.

зміни в файлі templates // templateDetails.xmlдобавленіе шрифту "Open Sans" google fonts для вибору шрифту заголовка H1 в налаштуваннях шаблону Joomla