Шрифты. Как подключить шрифты? Какие бывают шрифты? Что такое subset? | VIMP dev

preview_player
Показать описание
Всем привет. В этом видео я постарался подробно рассказать о шрифтах в вэбе. Какие бывают шрифты, как их подключить, как пользоваться Google fonts, что такое subset.
Буду рад подписке и любой поддержке канала.
Приятного просмотра!

Шрифты берем тут:

Документация Google fonts:

Моя страница в ВК:

Содержание:
00:00 Привет и какие бывают шрифты
00:20 Системные шрифты
00:57 Псевдонимы
03:07 Сторонние шрифты
03:20 Форматы шрифтов
04:30 Google fonts
09:10 font-display
11:33 Эффекты для шрифтов
14:35 Подключение файлов
18:07 Приоритет подключения
20:12 Варианты шрифтов
22:36 Разница курсивов
24:38 Как подключает Google fonts
26:42 Что такое subset

#fonts #шрифты
  1. VIMP dev — верстка сайтов
  2. fonts
  3. шрифты
  4. web
  5. html
  6. css
Рекомендации по теме
Подключение шрифтов. Google 0:20:09

Подключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты // Фрилансер по жизни...

CSS шрифты — 0:15:43

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

Google Fonts. Как 0:12:59

Google Fonts. Как подключить шрифты в 2024 году ? Переменные в шрифтах - Google Fonts....

Как подключить шрифты 0:05:07

Как подключить шрифты на сайт (Google Fonts)

Изучение CSS - 0:07:15

Изучение CSS - #6 Как подключить шрифты в CSS

Как подключать шрифты 0:20:53

Как подключать шрифты в 2024

Как правильно подключить 0:05:46

Как правильно подключить шрифт к сайту через CSS

Подключение шрифтов к 0:11:36

Подключение шрифтов к сайту. font-face

Дизайнер — это 1:16:45

Дизайнер — это мой сейлз

Как в Word 0:01:28

Как в Word добавить новый шрифт? Загружаем и устанавливаем шрифты в Windows и Ворд...

[2024] Подключение шрифтов. 0:11:37

[2024] Подключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты. УчимВместе...

#17 Как подключить 0:05:59

#17 Как подключить любой шрифт к сайту локально, @font-face на CSS...

Как установить шрифт 0:02:11

Как установить шрифт в фигму: добавление шрифтов в Figma

VS CODE ЛУЧШИЙ 0:04:03

VS CODE ЛУЧШИЙ ШРИФТ 2023 || ЛУЧШИЙ ШРИФТ ДЛЯ ПРОГРАММИСТА 2023 || ЛУЧШИЙ ШРИФТ С ЛИГАТУРОЙ...

Пользовательский шрифт на 0:07:54

Пользовательский шрифт на сайт Wordpress

Как подключить шрифты 0:21:03

Как подключить шрифты в WordPress, Elementor, Astra и любую тему

Как подключить шрифты 0:01:00

Как подключить шрифты в CSS

Подключаем шрифты в 0:09:16

Подключаем шрифты в Android приложение

КАК СКАЧАТЬ И 0:03:55

КАК СКАЧАТЬ И УСТАНОВИТЬ ШРИФТ В ADOBE ILLUSTRATOR. БЕСПЛАТНЫЕ КОММЕРЧЕСКИЕ ШРИФТЫ...

#21 Подключение шрифтов: 0:23:19

#21 Подключение шрифтов: google fonts, @font-face [Курс по Верстке от AROKEN]...

Как подключить шрифт 0:04:17

Как подключить шрифт в HTML верстку

Как включить и 0:00:24

Как включить и изменять шрифты

Правило @font-face в 0:19:52

Правило @font-face в CSS || Как подключить шрифты с помощью правила @font-face в CSS || Курс CSS...

где взять красивые 0:00:14

где взять красивые шрифты?...💕

Комментарии
Автор

Содержание:
00:00 Привет и какие бывают шрифты
00:20 Системные шрифты
00:57 Псевдонимы
03:07 Сторонние шрифты
03:20 Форматы шрифтов
04:30 Google fonts
09:10 font-display
11:33 Эффекты для шрифтов
14:35 Подключение файлов
18:07 Приоритет подключения
20:12 Варианты шрифтов
22:36 Разница курсивов
24:38 Как подключает Google fonts
26:42 Что такое subset

VIMPdev
Автор

Спасибо большое за видос :) Оч круто получилось. Приятный голос, не скучное повествование. Просмотрел залпом и получил много полезной инфы)

SirKotelok
Автор

Долго ждал новых видосов, спасибо.Отличный контент)

mnyzwup
Автор

Очень отличное видео однозначно лайк. Но путь указанный в видео на 17 минуте указан не правильно. Надо писать (../fonts).

peterbruklin