Как подключать шрифты в 2024
HTML-код
- Опубликовано: 8 май 2024
- Друзья! Частые вопросы: какие форматы шрифтов использовать? как подключать, локально или через cdn? как оптимизировать загрузку шрифтов? Решил записать одно видео и ответить на все эти вопросы, смотрите, и будьте готовы к собесам.
----------------------------------------
Сайт курса по верстке - from0to1.com.ua/
----------------------------------------
Конвертеры шрифтов:
1) www.fontconverter.io/en
2) transfonter.org/
или первые вкладки в гугле=)
Телеграм канал - t.me/from0to1com
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Спасибо, про свойство font-display и про то, что можно подключить шрифт только для небольшого текста не знал, годный контент!
спасибо
Считаю вас одним из лучших, если не лучшим, учителем по верстке/фронтенду, из ваших видео научился многому, за что огромное вам СПАСИБО! Жаль конечно, что курс не доступен в РФ, с радостью бы купил.
А где тут учат фронту? Чёт не видел упора на js)
@@NIReeMK в марафонах по верстке js затрагивается. Хороший фронтендер в целом должен в верстке шарить
@@flo0fв описании курса только jquery и jquery плагины увидел... Проблема в том что на собеседованиях спрашивают ванилу и фреймворки, а не джейквери
Вадим сразу лайк! Ждем видео почаще!
Еще не смотрел, но как всегда лайк уже полетел
Еще не смотрел, но как всегда лайк уже полетел 💝💝💝💗💗💗
Спасибо большое❤
Про системные шрифты.. ) Пишется код вида: font-family: system-ui и далее по тексту как у вас.
Дякую! Дуже корисно!
а какой шрифт подключен у вас в visual studio code, довольно симпатично отображается код?
Comic shans, спасибо
Вадим жму лайк не глядя! Удачи тебе🎉
Благодарю
Зачем в font-face прописывать font-weight если я и так скачал шрифт определенной ширины? То есть если я скачал bold шрифт, то какой смысл писать font-weight:700?
Думал будет ерунда. а тут годная инфа
Ну конечно же )
Привет. Почему у тебя на платном курсе есть jQuery?)
Потому что он везде)) и если ты думаешь что он тебе не нужен, придёшь в более менее большой проект и охуеешь сколько его там))
Посмотри на количество скачиваний jq в неделю, вопрос отпадет
@@Sameyl1 ты покупал его курс?
@@tomvenom нет, мне это уже не надо, но Вадим хорошо подаёт инфу и я бы купил точно
@@Sameyl1более менее крупный проект уже на react/vue/angular. Ведь все хотят в направлении фронта расти и зарабатывать больше денег. А практика с ванилой явно не повредит. Jquery наверное вообще за день учится...
Крутое видео, спасибо!
А если вообще не указывать подключение шрифта, то какой шрифт будет использовать браузер?
Жаль не показал как работать с гугловскими variables - на днях всю башку сломал, подключая монтсеррат. В итоге скачал обычный набор
Угарно если не подтянется шрифт для лого и там будет только писюн без надписи😢😂
чьо каво? THX
4:57 на цьму моменті не поняв, що і як нажимати?
Клавишу Tab
Старый формат файла woff не нужно использовать, подключайте только woff2 он лучше и поддерживается всеми браузерами уже очень давно.
В Европе многие сидят на ИЕ , причем очень старых, и в какие то моменты это бывает очень критично.
@@Sameyl1так если они на ие сидят тогда там и флексы, гриды не работают и явно шрифты будут не самой большой их проблемой))) да и зачем ориентироваться на старые браузеры? Если года 2 назад даже Майкрософт похоронили ие11
Вадик, сбрось gulp сборочку свою 2024г в общий доступ(бесплатно), задолбали у всех ошибки... то del, то imagemin, то font не реагируют... везде ошибки!!!! (у тебя, у жени, у юры и т.д.) или видео новое запиши gulp-2024
так галп обновили теперь 5.0, а был 4.0..2
нам нужно в src хук прописывать
Галп 5 намного быстрее стал.
Но вит всерано быстрее