Тёмный

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

От 0 до 1
Подписаться 84 тыс.
Просмотров 3,7 тыс.
50% 1

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

Опубликовано:

 

8 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 39   
@apscalisthenics8412
@apscalisthenics8412 29 дней назад
Вадим сразу лайк! Ждем видео почаще!
@user-ur9jp1hf4d
@user-ur9jp1hf4d 22 дня назад
Спасибо, про свойство font-display и про то, что можно подключить шрифт только для небольшого текста не знал, годный контент!
@vadymprokopchuk
@vadymprokopchuk 22 дня назад
спасибо
@user-vx1op5ez5g
@user-vx1op5ez5g 29 дней назад
Еще не смотрел, но как всегда лайк уже полетел
@flo0f
@flo0f 28 дней назад
Считаю вас одним из лучших, если не лучшим, учителем по верстке/фронтенду, из ваших видео научился многому, за что огромное вам СПАСИБО! Жаль конечно, что курс не доступен в РФ, с радостью бы купил.
@NIReeMK
@NIReeMK 28 дней назад
А где тут учат фронту? Чёт не видел упора на js)
@flo0f
@flo0f 28 дней назад
@@NIReeMK в марафонах по верстке js затрагивается. Хороший фронтендер в целом должен в верстке шарить
@NIReeMK
@NIReeMK 28 дней назад
​@@flo0fв описании курса только jquery и jquery плагины увидел... Проблема в том что на собеседованиях спрашивают ванилу и фреймворки, а не джейквери
@candy_front
@candy_front 29 дней назад
Еще не смотрел, но как всегда лайк уже полетел 💝💝💝💗💗💗
@user-uy3xy1nn4n
@user-uy3xy1nn4n 29 дней назад
Дякую! Дуже корисно!
@user-tl4sc9wz4r
@user-tl4sc9wz4r 29 дней назад
Спасибо большое❤
@user-ve7tx3ud6n
@user-ve7tx3ud6n 16 дней назад
Спасибо Вадим.
@tiranych5394
@tiranych5394 29 дней назад
а какой шрифт подключен у вас в visual studio code, довольно симпатично отображается код?
@vadymprokopchuk
@vadymprokopchuk 29 дней назад
Comic shans, спасибо
@user-wk4si7mh1p
@user-wk4si7mh1p 27 дней назад
Про системные шрифты.. ) Пишется код вида: font-family: system-ui и далее по тексту как у вас.
@onlydropped6479
@onlydropped6479 29 дней назад
Вадим жму лайк не глядя! Удачи тебе🎉
@vadymprokopchuk
@vadymprokopchuk 29 дней назад
Благодарю
@WERWOLION
@WERWOLION 28 дней назад
Думал будет ерунда. а тут годная инфа
@vadymprokopchuk
@vadymprokopchuk 27 дней назад
Ну конечно же )
@Ann-hj2xx
@Ann-hj2xx 29 дней назад
А если вообще не указывать подключение шрифта, то какой шрифт будет использовать браузер?
@user-uz4yu6qk1r
@user-uz4yu6qk1r 29 дней назад
Крутое видео, спасибо!
@tomvenom
@tomvenom 29 дней назад
Привет. Почему у тебя на платном курсе есть jQuery?)
@Sameyl1
@Sameyl1 29 дней назад
Потому что он везде)) и если ты думаешь что он тебе не нужен, придёшь в более менее большой проект и охуеешь сколько его там))
@vadymprokopchuk
@vadymprokopchuk 29 дней назад
Посмотри на количество скачиваний jq в неделю, вопрос отпадет
@tomvenom
@tomvenom 29 дней назад
@@Sameyl1 ты покупал его курс?
@Sameyl1
@Sameyl1 29 дней назад
@@tomvenom нет, мне это уже не надо, но Вадим хорошо подаёт инфу и я бы купил точно
@NIReeMK
@NIReeMK 28 дней назад
​@@Sameyl1более менее крупный проект уже на react/vue/angular. Ведь все хотят в направлении фронта расти и зарабатывать больше денег. А практика с ванилой явно не повредит. Jquery наверное вообще за день учится...
@DmitriiIvanovAleks
@DmitriiIvanovAleks 27 дней назад
Зачем в font-face прописывать font-weight если я и так скачал шрифт определенной ширины? То есть если я скачал bold шрифт, то какой смысл писать font-weight:700?
@anonimanonim1448
@anonimanonim1448 29 дней назад
Жаль не показал как работать с гугловскими variables - на днях всю башку сломал, подключая монтсеррат. В итоге скачал обычный набор
@sergkyrios
@sergkyrios 29 дней назад
4:57 на цьму моменті не поняв, що і як нажимати?
@DmitriiIvanovAleks
@DmitriiIvanovAleks 27 дней назад
Клавишу Tab
@walterwhite4407
@walterwhite4407 29 дней назад
чьо каво? THX
@Sameyl1
@Sameyl1 29 дней назад
Угарно если не подтянется шрифт для лого и там будет только писюн без надписи😢😂
@UDAV_
@UDAV_ 29 дней назад
Старый формат файла woff не нужно использовать, подключайте только woff2 он лучше и поддерживается всеми браузерами уже очень давно.
@Sameyl1
@Sameyl1 29 дней назад
В Европе многие сидят на ИЕ , причем очень старых, и в какие то моменты это бывает очень критично.
@NIReeMK
@NIReeMK 28 дней назад
​@@Sameyl1так если они на ие сидят тогда там и флексы, гриды не работают и явно шрифты будут не самой большой их проблемой))) да и зачем ориентироваться на старые браузеры? Если года 2 назад даже Майкрософт похоронили ие11
@user-mu5ru2xl9n
@user-mu5ru2xl9n 29 дней назад
Вадик, сбрось gulp сборочку свою 2024г в общий доступ(бесплатно), задолбали у всех ошибки... то del, то imagemin, то font не реагируют... везде ошибки!!!! (у тебя, у жени, у юры и т.д.) или видео новое запиши gulp-2024
@WERWOLION
@WERWOLION 28 дней назад
так галп обновили теперь 5.0, а был 4.0..2 нам нужно в src хук прописывать Галп 5 намного быстрее стал. Но вит всерано быстрее
Далее
ЛЕТО 2024:
00:21
Просмотров 725 тыс.
Жёсткий тест чехла Spigen Classic C1
00:56
Docker за 20 минут
21:42
Просмотров 58 тыс.
День из жизни QA тестировщика
14:59