Скачать с ютуб CSS шрифты — способы подключения, правило font-face, свойство font и другие параметры в хорошем качестве

CSS шрифты — способы подключения, правило font-face, свойство font и другие параметры

✏️ В этом уроке поговорим про шрифты — какие форматы стоит использовать, как лучше подключать, а также рассмотрим важные подсвойства font. 🔴 Timeline: ▶ 00:00​ | План урока ▶ 00:17​ | Форматы шрифтов ▶ 00:39​ | Браузерная поддержка формата woff2 ▶ 00:51​ | Варианты начертаний ▶ 01:17​ | Отсутствующие варианты начертаний ▶ 01:31​ | Свойство font-family ▶ 02:01​ | Как проверить действующий на элемент шрифт, вкладка DevTools Computed ▶ 03:03​ | Откуда берутся шрифты ▶ 03:21​ | Шрифты в операционной системе ▶ 04:16​ | Способы подключения шрифтов к странице ▶ 04:28​ | Подключение шрифтов через font-face ▶ 05:54​ | Дескриптор font-display: swap ▶ 06:32​ | Запасной шрифт в font-family ▶ 07:30​ | Подключение шрифтов через @import ▶ 07:55​ | Google Fonts import ▶ 08:45​ | Подключение шрифтов через тег link ▶ 09:08​ | Google Fonts скачивание файлов шрифтов ▶ 09:37​ | Лучший способ подключения шрифта ▶ 10:24​ | Преобразование в нужный формат ▶ 10:42​ | Сервис transfonter ▶ 11:07​ | Если на Google Fonts шрифт не найден ▶ 11:40​ | Свойство font ▶ 12:14​ | Свойство font-family ▶ 12:25​ | Свойство font-family, фоллбэки ▶ 12:54​ | Свойство font-weight ▶ 13:34​ | Свойство font-size ▶ 13:59​ | Свойство line-height ▶ 14:28​ | Перевод line-height в формат коээфициента ▶ 15:15​ | Что дальше 📚 Полезные ссылки: ➖ Современный справочник по CSS: https://doka.guide/css/ ➖ Справочник по фронтенду "MDN" от разработчиков Mozilla Firefox: https://developer.mozilla.org/ru/ ➖ Google Fonts: https://fonts.google.com/ ➖ Преобразования шрифтов Transfonter: https://transfonter.org/ 💬 Чат в телеграмме (помощь новичкам): https://t.me/friendlyFrontendChat 🔸 Boosty (поддержать канал): https://boosty.to/friendly-frontend 🗂️ Бесплатные курсы на канале: 🟠 HTML:    • HTML курс 2024   🔵 CSS:    • CSS курс 2024   🟡 JS:    • JavaScript курс 2024   🟢 A11y:    • Accessibility курс 2024   ⚪️ Мастер-класс по верстке для новичков:    • Верстка Kropp Fitness (HTML, CSS)   🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):    • Верстка Positivus (HTML, БЭМ, SCSS)   🗺 Frontend Roadmap 2024    • Frontend Roadmap 2024 | Что должен уч...   📌 Автор: ➖ Личный сайт: https://aleksanderlamkov.ru/ ➖ Telegram: https://t.me/friendlyFrontend ➖ Boosty: https://boosty.to/friendly-frontend ➖ GetMentor: https://getmentor.dev/mentor/aleksand... ➖ Solvery: https://solvery.io/mentor/aleksanderl... #frontend #фронтенд #css