Разберемся для чего нужны локальные шрифты и как их правильно подключать. Попробуем найти их на компьютере у пользователя. Узнаем про свойство font-display и разберемся как подключить разные начертания.
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
https://t.me/webproschool_bot?start=l...
💬 Присоединяйся к нашему чату веб-разработчиков:
https://t.me/webproschool_chat
❤️ Сохраняй плейлисты с теорией, тестами и практическими заданиями:
1️⃣ Уроки по основам HTML и CSS: • Курс по основам HTML и CSS с тестами ...
2️⃣ Уроки по продвинутой вёрстке: • Курс по продвинутой верстке сайта на ...
💙 Мы в VK:
https://vk.com/webproschool
Данный курс будет полезен всем продолжающим веб-разработчикам, которые хотят узнать больше о создании сайтов и о продвинутой верстке сайта на HTML и CSS. В ходе обучения теория будет сопровождаться презентацией, а для закрепления материала в сможете проходить тесты и практические задания.
Таймкоды:
00:00 О чём это видео
00:20 Зачем нужны локальные шрифты
00:50 Подключение локальных шрифтов
01:17 Директива font-face
02:48 Форматы шрифтов
03:34 Свойство font-display
04:42 Подключение других начертаний
05:10 Итоговый вид fonts.css
06:15 Подключение файла fonts.css
06:28 Что будет дальше