1. Зайти на сайт Google Fonts і обрати у вкладці «Language» Cyrillic або Cyrillic Extended.
2. у вкладці «Сategories» можна поставити фільтр на відображення шрифтів, які не мають засічок, вибрати рукописний і так далі.
3. Список, що випадає, у «Font properties» дозволяє задати додаткові налаштування та відфільтрувати шрифти за шириною, товщиною та іншими параметрами, а галочка навпроти «Show only variable fonts» дозволяє відсіяти не варіативні шрифти, в яких не передбачені відразу кілька видів товщини, нахилу або курсиву
5. Далі можна вибрати жирність та курсив, які необхідні у проекті, натискаючи на «Select this style».
Якщо потрібен ще й інший шрифт, можна повернутись на крок назад і підключити його теж.
6. Якщо список шрифтів сформовано, потрібно перейти у вкладку Embed. Тут подальша інструкція з підключення.
Якщо потрібно підключити шрифти в шапці сайту, то треба додати між тегами "head" зкопійований рядок з "Selected families"
Для використання Google Fonts у CSS, потрібного класу або тега потрібно вказати у властивості font-family обрані шрифти:
