Благодарю за видео , Вопрос Как работать с вариативными шрифтами, если я подключаю по ссылке link с гугла все красиво выглядит , а если скачиваю и ставлю все коряво 700 еще жирнее чем с удаленного подключение как настроить ?
Зачем в font-face прописывать font-weight если я и так скачал шрифт определенной ширины? То есть если я скачал bold шрифт, то какой смысл писать font-weight:700?
Это необходимо для правильного сопоставления шрифта с CSS-стилями, даже если конкретная версия шрифта (например, жирная или тонкая) уже скачана и указана. Когда вы используете CSS-правило, например, font-weight: 700, браузер ищет шрифт с таким значением веса. Если в @font-face не указан font-weight, браузер может не понять, что именно этот файл шрифта относится к весу 700. Даже если вы скачали конкретный шрифт, браузеру нужна информация о его свойствах (вес, стиль), чтобы сопоставить его с системной таблицей шрифтов. Например, для текста, где прописан font-weight: bold, браузер использует файл шрифта с весом 700, если это указано. Если в вашей стилизации появятся разные веса текста, например, font-weight: 400 и font-weight: 700, браузер будет искать соответствующие шрифты. Если значения не заданы, он может выбрать неправильный шрифт или создать искусственный вес (например, "псевдо-жирный"), что ухудшает качество отображения
@@Sameyl1более менее крупный проект уже на react/vue/angular. Ведь все хотят в направлении фронта расти и зарабатывать больше денег. А практика с ванилой явно не повредит. Jquery наверное вообще за день учится...
@@Sameyl1так если они на ие сидят тогда там и флексы, гриды не работают и явно шрифты будут не самой большой их проблемой))) да и зачем ориентироваться на старые браузеры? Если года 2 назад даже Майкрософт похоронили ие11
Вадик, сбрось gulp сборочку свою 2024г в общий доступ(бесплатно), задолбали у всех ошибки... то del, то imagemin, то font не реагируют... везде ошибки!!!! (у тебя, у жени, у юры и т.д.) или видео новое запиши gulp-2024
Спасибо, про свойство font-display и про то, что можно подключить шрифт только для небольшого текста не знал, годный контент!
спасибо
Спасибо Вадим.
Дякую! Дуже корисно!
Вадим сразу лайк! Ждем видео почаще!
Еще не смотрел, но как всегда лайк уже полетел 💝💝💝💗💗💗
Еще не смотрел, но как всегда лайк уже полетел
Спасибо большое❤
Про системные шрифты.. ) Пишется код вида: font-family: system-ui и далее по тексту как у вас.
Думал будет ерунда. а тут годная инфа
Ну конечно же )
а какой шрифт подключен у вас в visual studio code, довольно симпатично отображается код?
Comic shans, спасибо
Вадим жму лайк не глядя! Удачи тебе🎉
Благодарю
Благодарю за видео , Вопрос Как работать с вариативными шрифтами, если я подключаю по ссылке link с гугла все красиво выглядит , а если скачиваю и ставлю все коряво 700 еще жирнее чем с удаленного подключение как настроить ?
А если вообще не указывать подключение шрифта, то какой шрифт будет использовать браузер?
Зачем в font-face прописывать font-weight если я и так скачал шрифт определенной ширины? То есть если я скачал bold шрифт, то какой смысл писать font-weight:700?
Это необходимо для правильного сопоставления шрифта с CSS-стилями, даже если конкретная версия шрифта (например, жирная или тонкая) уже скачана и указана.
Когда вы используете CSS-правило, например, font-weight: 700, браузер ищет шрифт с таким значением веса. Если в @font-face не указан font-weight, браузер может не понять, что именно этот файл шрифта относится к весу 700.
Даже если вы скачали конкретный шрифт, браузеру нужна информация о его свойствах (вес, стиль), чтобы сопоставить его с системной таблицей шрифтов. Например, для текста, где прописан font-weight: bold, браузер использует файл шрифта с весом 700, если это указано.
Если в вашей стилизации появятся разные веса текста, например, font-weight: 400 и font-weight: 700, браузер будет искать соответствующие шрифты. Если значения не заданы, он может выбрать неправильный шрифт или создать искусственный вес (например, "псевдо-жирный"), что ухудшает качество отображения
Привет. Почему у тебя на платном курсе есть jQuery?)
Потому что он везде)) и если ты думаешь что он тебе не нужен, придёшь в более менее большой проект и охуеешь сколько его там))
Посмотри на количество скачиваний jq в неделю, вопрос отпадет
@@Sameyl1 ты покупал его курс?
@@tomvenom нет, мне это уже не надо, но Вадим хорошо подаёт инфу и я бы купил точно
@@Sameyl1более менее крупный проект уже на react/vue/angular. Ведь все хотят в направлении фронта расти и зарабатывать больше денег. А практика с ванилой явно не повредит. Jquery наверное вообще за день учится...
Крутое видео, спасибо!
Угарно если не подтянется шрифт для лого и там будет только писюн без надписи😢😂
Жаль не показал как работать с гугловскими variables - на днях всю башку сломал, подключая монтсеррат. В итоге скачал обычный набор
4:57 на цьму моменті не поняв, що і як нажимати?
Клавишу Tab
чьо каво? THX
"Все буквы из писюнов" 😂😂😂
Старый формат файла woff не нужно использовать, подключайте только woff2 он лучше и поддерживается всеми браузерами уже очень давно.
В Европе многие сидят на ИЕ , причем очень старых, и в какие то моменты это бывает очень критично.
@@Sameyl1так если они на ие сидят тогда там и флексы, гриды не работают и явно шрифты будут не самой большой их проблемой))) да и зачем ориентироваться на старые браузеры? Если года 2 назад даже Майкрософт похоронили ие11
Вадик, сбрось gulp сборочку свою 2024г в общий доступ(бесплатно), задолбали у всех ошибки... то del, то imagemin, то font не реагируют... везде ошибки!!!! (у тебя, у жени, у юры и т.д.) или видео новое запиши gulp-2024
так галп обновили теперь 5.0, а был 4.0..2
нам нужно в src хук прописывать
Галп 5 намного быстрее стал.
Но вит всерано быстрее