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

[@ИльяГуленкин]

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

[@vadymprokopchuk]

спасибо

[@ОлександрУрбанський-к1л]

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

[@candy_front]

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

[@Peace_upon_us2024]

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

[@ИгорьГлазков-с1б]

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

[@tiranych5394]

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

[@vadymprokopchuk]

Comic shans, спасибо

[@apscalisthenics8412]

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

[@РенатСафаров-щ6р]

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

[@AlexHamer]

Благодарю за видео , Вопрос Как работать с вариативными шрифтами, если я подключаю по ссылке link с гугла все красиво выглядит , а если скачиваю и ставлю все коряво 700 еще жирнее чем с удаленного подключение как настроить ?

[@Владимир-е6щ9ч]

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

[@WERWOLION]

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

[@vadymprokopchuk]

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

[@tomvenom]

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

[@Sameyl1]

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

[@vadymprokopchuk]

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

[@tomvenom]

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

[@Sameyl1]

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

[@NIReeMK]

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

[@sergkyrios]

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

[@DmitriiIvanovAleks]

Клавишу Tab

[@onlydropped6479]

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

[@vadymprokopchuk]

Благодарю

[@Ann-hj2xx]

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

[@DmitriiIvanovAleks]

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

[@olekolek8616]

Это необходимо для правильного сопоставления шрифта с CSS-стилями, даже если конкретная версия шрифта (например, жирная или тонкая) уже скачана и указана. Когда вы используете CSS-правило, например, font-weight: 700, браузер ищет шрифт с таким значением веса. Если в @font-face не указан font-weight, браузер может не понять, что именно этот файл шрифта относится к весу 700. Даже если вы скачали конкретный шрифт, браузеру нужна информация о его свойствах (вес, стиль), чтобы сопоставить его с системной таблицей шрифтов. Например, для текста, где прописан font-weight: bold, браузер использует файл шрифта с весом 700, если это указано. Если в вашей стилизации появятся разные веса текста, например, font-weight: 400 и font-weight: 700, браузер будет искать соответствующие шрифты. Если значения не заданы, он может выбрать неправильный шрифт или создать искусственный вес (например, "псевдо-жирный"), что ухудшает качество отображения

[@cao_dzecbi]

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

[@anonimanonim1448]

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

[@Sameyl1]

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

[@spirit-tl7cp]

"Все буквы из писюнов" 😂😂😂

[@walterwhite4407]

чьо каво? THX

[@UDAV_]

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

[@Sameyl1]

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

[@NIReeMK]

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

[@Сергей-и9х6ж]

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

[@WERWOLION]

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