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

Друзья! Частые вопросы: какие форматы шрифтов использовать? как подключать, локально или через cdn? как оптимизировать загрузку шрифтов? Решил записать одно видео и ответить на все эти вопросы, смотрите, и будьте готовы к собесам.
----------------------------------------
Сайт курса по верстке - from0to1.com.ua/
----------------------------------------
Конвертеры шрифтов:
1) www.fontconverter.io/en
2) transfonter.org/
или первые вкладки в гугле=)
Телеграм канал - t.me/from0to1com
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

[@flo0f]

Считаю вас одним из лучших, если не лучшим, учителем по верстке/фронтенду, из ваших видео научился многому, за что огромное вам СПАСИБО! Жаль конечно, что курс не доступен в РФ, с радостью бы купил.

[@NIReeMK]

А где тут учат фронту? Чёт не видел упора на js)

[@flo0f]

@@NIReeMK в марафонах по верстке js затрагивается. Хороший фронтендер в целом должен в верстке шарить

[@NIReeMK]

​@@flo0fв описании курса только jquery и jquery плагины увидел... Проблема в том что на собеседованиях спрашивают ванилу и фреймворки, а не джейквери

[@user-ur9jp1hf4d]

Спасибо, про свойство font-display и про то, что можно подключить шрифт только для небольшого текста не знал, годный контент!

[@vadymprokopchuk]

спасибо

[@user-ve7tx3ud6n]

Спасибо Вадим.

[@apscalisthenics8412]

Вадим сразу лайк! Ждем видео почаще!

[@user-tl4sc9wz4r]

Спасибо большое❤

[@user-vx1op5ez5g]

Еще не смотрел, но как всегда лайк уже полетел

[@candy_front]

Еще не смотрел, но как всегда лайк уже полетел 💝💝💝💗💗💗

[@user-uy3xy1nn4n]

Дякую! Дуже корисно!

[@user-wk4si7mh1p]

Про системные шрифты.. ) Пишется код вида: font-family: system-ui и далее по тексту как у вас.

[@tiranych5394]

а какой шрифт подключен у вас в visual studio code, довольно симпатично отображается код?

[@vadymprokopchuk]

Comic shans, спасибо

[@onlydropped6479]

Вадим жму лайк не глядя! Удачи тебе🎉

[@vadymprokopchuk]

Благодарю

[@DmitriiIvanovAleks]

Зачем в font-face прописывать font-weight если я и так скачал шрифт определенной ширины? То есть если я скачал bold шрифт, то какой смысл писать font-weight:700?

[@WERWOLION]

Думал будет ерунда. а тут годная инфа

[@vadymprokopchuk]

Ну конечно же )

[@user-uz4yu6qk1r]

Крутое видео, спасибо!

[@Ann-hj2xx]

А если вообще не указывать подключение шрифта, то какой шрифт будет использовать браузер?

[@tomvenom]

Привет. Почему у тебя на платном курсе есть jQuery?)

[@Sameyl1]

Потому что он везде)) и если ты думаешь что он тебе не нужен, придёшь в более менее большой проект и охуеешь сколько его там))

[@vadymprokopchuk]

Посмотри на количество скачиваний jq в неделю, вопрос отпадет

[@tomvenom]

@@Sameyl1 ты покупал его курс?

[@Sameyl1]

@@tomvenom нет, мне это уже не надо, но Вадим хорошо подаёт инфу и я бы купил точно

[@NIReeMK]

​@@Sameyl1более менее крупный проект уже на react/vue/angular. Ведь все хотят в направлении фронта расти и зарабатывать больше денег. А практика с ванилой явно не повредит. Jquery наверное вообще за день учится...

[@sergkyrios]

4:57 на цьму моменті не поняв, що і як нажимати?

[@DmitriiIvanovAleks]

Клавишу Tab

[@anonimanonim1448]

Жаль не показал как работать с гугловскими variables - на днях всю башку сломал, подключая монтсеррат. В итоге скачал обычный набор

[@walterwhite4407]

чьо каво? THX

[@UDAV_]

Старый формат файла woff не нужно использовать, подключайте только woff2 он лучше и поддерживается всеми браузерами уже очень давно.

[@Sameyl1]

В Европе многие сидят на ИЕ , причем очень старых, и в какие то моменты это бывает очень критично.

[@NIReeMK]

​@@Sameyl1так если они на ие сидят тогда там и флексы, гриды не работают и явно шрифты будут не самой большой их проблемой))) да и зачем ориентироваться на старые браузеры? Если года 2 назад даже Майкрософт похоронили ие11

[@Sameyl1]

Угарно если не подтянется шрифт для лого и там будет только писюн без надписи😢😂

[@user-mu5ru2xl9n]

Вадик, сбрось gulp сборочку свою 2024г в общий доступ(бесплатно), задолбали у всех ошибки... то del, то imagemin, то font не реагируют... везде ошибки!!!! (у тебя, у жени, у юры и т.д.) или видео новое запиши gulp-2024

[@WERWOLION]

так галп обновили теперь 5.0, а был 4.0..2 нам нужно в src хук прописывать Галп 5 намного быстрее стал. Но вит всерано быстрее