[Продвинутая верстка] Урок 6. Всё о локальных шрифтах на сайте.

Опубликовано: 21 Ноябрь 2024
на канале: {WEB PRO} - Школа веб-разработки, создание сайтов
143
7

Разберемся для чего нужны локальные шрифты и как их правильно подключать. Попробуем найти их на компьютере у пользователя. Узнаем про свойство 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 Что будет дальше