[Продвинутая верстка] Урок 6. Всё о локальных шрифтах на сайте.
Разберемся для чего нужны локальные шрифты и как их правильно подключать. Попробуем найти их на компьютере у пользователя. Узнаем про свойство font-display и разберемся как подключить разные начертания.
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
💬 Присоединяйся к нашему чату веб-разработчиков:
❤️ Сохраняй плейлисты с теорией, тестами и практическими заданиями:
1️⃣ Уроки по основам HTML и CSS:
2️⃣ Уроки по продвинутой вёрстке:
💙 Мы в VK:
Данный курс будет полезен всем продолжающим веб-разработчикам, которые хотят узнать больше о создании сайтов и о продвинутой верстке сайта на HTML и CSS. В ходе обучения теория будет сопровождаться презентацией, а для закрепления материала в сможете проходить тесты и практические задания.
Таймкоды:
00:00 О чём это видео
00:20 Зачем нужны локальные шрифты
00:50 Подключение локальных шрифтов
01:17 Директива font-face
02:48 Форматы шрифтов
03:34 Свойство font-display
04:42 Подключение других начертаний
05:10 Итоговый вид
06:15 Подключение файла
06:28 Что будет дальше
1 view
923
355
1 week ago 00:21:51 10
Как сделать игру ’VERSUS TOP’ с нуля! HTML, CSS, JavaScript
1 week ago 01:04:41 7
HTML для новичков с нуля! (Часть 2)
2 weeks ago 00:03:32 99
Документация - создание сайтов | Создание сайтов для малого и среднего бизнеса
4 weeks ago 00:48:56 3
Математические основы Auto Layout / Антон Сергеев (Яндекс)
1 month ago 00:07:17 5
Better Comments. Продвинутые комментарии в Visual Studio Code
1 month ago 00:08:08 4
17 — Вебвизор и карта кликов при SEO продвижении сайтов — аналитика поведения пользователей
1 month ago 00:53:08 2
Как использовать Mailganer эффективно: разбор возможностей платформы
1 month ago 00:04:51 26
[Продвинутая верстка] Урок 1. Типы селекторов и комбинаторы CSS
1 month ago 00:04:13 65
[Продвинутая верстка] Урок 2. Теги цитат (cite, q, blockquote) и адреса (address)
4 weeks ago 00:05:28 7
[Продвинутая верстка] Урок 3. Таблицы в HTML. Верстка сайта таблицами.
3 weeks ago 00:03:09 5
[Продвинутая верстка] Урок 4. Логические свойства в CSS
2 weeks ago 00:05:42 8
[Продвинутая верстка] Урок 5. Метатеги в head. Теги meta. Миниатюрная иконка для сайта (favicon).
5 days ago 00:07:08 1
[Продвинутая верстка] Урок 6. Всё о локальных шрифтах на сайте.
1 month ago 00:14:44 4
Разработка сайта: Почему это может быть не для вас | Процесс разработки в GodKod
2 months ago 00:00:25 753
Онлайн курс Язык программирования Python
2 months ago 00:39:20 1
HTML Academy: верстальный станок
2 months ago 04:21:15 1
Adobe Photoshop CC 2019: Новинки глазами пользователя. Андрей Журавлев
2 months ago 00:00:36 5
Мобильная версия сайта | Адаптивный дизайн на INTEC:Universe
2 months ago 03:44:28 300
Travel Agent. HTML верстка лендинга Travel Agent на Gulp сборке. Autocomplete, календарь. Часть 1
2 months ago 04:00:10 137
Travel Agent. HTML верстка на Gulp сборке. Swiper slider, анимации Scroll Reveal. Часть 2
2 months ago 00:00:54 1
CSS Анимируем плейсхолдер — placeholder-shown
2 months ago 00:16:34 34
[Александр Ламков — Friendly Frontend] 12. CSS Flexbox Layout. Флексы в CSS. Гайд по флексбокс