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

  Рет қаралды 3,662

От 0 до 1

От 0 до 1

Ай бұрын

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

Пікірлер: 39
@apscalisthenics8412
@apscalisthenics8412 29 күн бұрын
Вадим сразу лайк! Ждем видео почаще!
@user-ur9jp1hf4d
@user-ur9jp1hf4d 22 күн бұрын
Спасибо, про свойство font-display и про то, что можно подключить шрифт только для небольшого текста не знал, годный контент!
@vadymprokopchuk
@vadymprokopchuk 21 күн бұрын
спасибо
@user-vx1op5ez5g
@user-vx1op5ez5g 29 күн бұрын
Еще не смотрел, но как всегда лайк уже полетел
@flo0f
@flo0f 28 күн бұрын
Считаю вас одним из лучших, если не лучшим, учителем по верстке/фронтенду, из ваших видео научился многому, за что огромное вам СПАСИБО! Жаль конечно, что курс не доступен в РФ, с радостью бы купил.
@NIReeMK
@NIReeMK 27 күн бұрын
А где тут учат фронту? Чёт не видел упора на js)
@flo0f
@flo0f 27 күн бұрын
@@NIReeMK в марафонах по верстке js затрагивается. Хороший фронтендер в целом должен в верстке шарить
@NIReeMK
@NIReeMK 27 күн бұрын
​@@flo0fв описании курса только jquery и jquery плагины увидел... Проблема в том что на собеседованиях спрашивают ванилу и фреймворки, а не джейквери
@candy_front
@candy_front 29 күн бұрын
Еще не смотрел, но как всегда лайк уже полетел 💝💝💝💗💗💗
@user-uy3xy1nn4n
@user-uy3xy1nn4n 28 күн бұрын
Дякую! Дуже корисно!
@user-tl4sc9wz4r
@user-tl4sc9wz4r 29 күн бұрын
Спасибо большое❤
@user-ve7tx3ud6n
@user-ve7tx3ud6n 15 күн бұрын
Спасибо Вадим.
@tiranych5394
@tiranych5394 29 күн бұрын
а какой шрифт подключен у вас в visual studio code, довольно симпатично отображается код?
@vadymprokopchuk
@vadymprokopchuk 28 күн бұрын
Comic shans, спасибо
@user-wk4si7mh1p
@user-wk4si7mh1p 27 күн бұрын
Про системные шрифты.. ) Пишется код вида: font-family: system-ui и далее по тексту как у вас.
@onlydropped6479
@onlydropped6479 29 күн бұрын
Вадим жму лайк не глядя! Удачи тебе🎉
@vadymprokopchuk
@vadymprokopchuk 28 күн бұрын
Благодарю
@WERWOLION
@WERWOLION 28 күн бұрын
Думал будет ерунда. а тут годная инфа
@vadymprokopchuk
@vadymprokopchuk 26 күн бұрын
Ну конечно же )
@Ann-hj2xx
@Ann-hj2xx 28 күн бұрын
А если вообще не указывать подключение шрифта, то какой шрифт будет использовать браузер?
@user-uz4yu6qk1r
@user-uz4yu6qk1r 28 күн бұрын
Крутое видео, спасибо!
@tomvenom
@tomvenom 29 күн бұрын
Привет. Почему у тебя на платном курсе есть jQuery?)
@Sameyl1
@Sameyl1 29 күн бұрын
Потому что он везде)) и если ты думаешь что он тебе не нужен, придёшь в более менее большой проект и охуеешь сколько его там))
@vadymprokopchuk
@vadymprokopchuk 28 күн бұрын
Посмотри на количество скачиваний jq в неделю, вопрос отпадет
@tomvenom
@tomvenom 28 күн бұрын
@@Sameyl1 ты покупал его курс?
@Sameyl1
@Sameyl1 28 күн бұрын
@@tomvenom нет, мне это уже не надо, но Вадим хорошо подаёт инфу и я бы купил точно
@NIReeMK
@NIReeMK 27 күн бұрын
​@@Sameyl1более менее крупный проект уже на react/vue/angular. Ведь все хотят в направлении фронта расти и зарабатывать больше денег. А практика с ванилой явно не повредит. Jquery наверное вообще за день учится...
@DmitriiIvanovAleks
@DmitriiIvanovAleks 27 күн бұрын
Зачем в font-face прописывать font-weight если я и так скачал шрифт определенной ширины? То есть если я скачал bold шрифт, то какой смысл писать font-weight:700?
@anonimanonim1448
@anonimanonim1448 28 күн бұрын
Жаль не показал как работать с гугловскими variables - на днях всю башку сломал, подключая монтсеррат. В итоге скачал обычный набор
@sergkyrios
@sergkyrios 28 күн бұрын
4:57 на цьму моменті не поняв, що і як нажимати?
@DmitriiIvanovAleks
@DmitriiIvanovAleks 27 күн бұрын
Клавишу Tab
@walterwhite4407
@walterwhite4407 29 күн бұрын
чьо каво? THX
@Sameyl1
@Sameyl1 29 күн бұрын
Угарно если не подтянется шрифт для лого и там будет только писюн без надписи😢😂
@UDAV_
@UDAV_ 29 күн бұрын
Старый формат файла woff не нужно использовать, подключайте только woff2 он лучше и поддерживается всеми браузерами уже очень давно.
@Sameyl1
@Sameyl1 29 күн бұрын
В Европе многие сидят на ИЕ , причем очень старых, и в какие то моменты это бывает очень критично.
@NIReeMK
@NIReeMK 27 күн бұрын
​@@Sameyl1так если они на ие сидят тогда там и флексы, гриды не работают и явно шрифты будут не самой большой их проблемой))) да и зачем ориентироваться на старые браузеры? Если года 2 назад даже Майкрософт похоронили ие11
@user-mu5ru2xl9n
@user-mu5ru2xl9n 28 күн бұрын
Вадик, сбрось gulp сборочку свою 2024г в общий доступ(бесплатно), задолбали у всех ошибки... то del, то imagemin, то font не реагируют... везде ошибки!!!! (у тебя, у жени, у юры и т.д.) или видео новое запиши gulp-2024
@WERWOLION
@WERWOLION 28 күн бұрын
так галп обновили теперь 5.0, а был 4.0..2 нам нужно в src хук прописывать Галп 5 намного быстрее стал. Но вит всерано быстрее
6 css свойств которые от тебя скрывают
34:23
🍕Пиццерия FNAF в реальной жизни #shorts
00:41
1🥺🎉 #thankyou
00:29
はじめしゃちょー(hajime)
Рет қаралды 79 МЛН
Como ela fez isso? 😲
00:12
Los Wagners
Рет қаралды 34 МЛН
8 новых сss свойств о котрых ты мечтал
32:17
День из жизни QA тестировщика
14:59
Брейни QA
Рет қаралды 181 М.
Заказал верстку сайта за 600р / 3000р / 9000р у фрилансеров. Верcтка HTML, CSS, JS
1:21:40
HTML Practice - фриланс, web-разработка, нейросети
Рет қаралды 14 М.