Ценю твой ЛАЙК и КОММЕНТ! Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle Поддержать канал (донаты): www.donationalerts.com/r/freelancerlifestyle Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle Instagram: instagram.com/freelancer.lifestyle/ Facebook: facebook.com/freelancerlifestyle/
и что мы получаем) файл css с прописанными стилями, потом браузер понял что ему надо догрузить шрифты, он их загрузил и выровнял текст, это совет, как делать не стоит создавайте тег link со шрифтом сразу к гугл, грузите стили и определяйте их для нужных вам элементов, пока вы получаете стили, у вас уже шрифт определился
В первый раз с тобой не согласен. Лучше было бы заменить имя в font-family: "Conv-Rgular/Conv-Medium". И вызывать разные варианты и не надо ничего менять в классе у блока. Разве нет? Проверил, всё работает
Хорошо, что я нашёл твой канал, а то заебался уже на сайтах по крупицам вычитывать и собирать из обрывков для себя полезную информацию. У тебя всё чётко, подробно и ясно. Большое спасибо
Женя, ценю то, что ты делаешь. Поэтому вот ТАЙМКОДЫ :) 00:00 - Вступление. Зачем подключать шрифты? 00:37 - Подготовка к уроку 01:56 - Способ 1. Подключение с помощью Google Fonts 09:04 - Способ 2. Когда Google Fonts бессилен 19:22 - Домашнее задание. Заключение
Теска! 2021 начался с обучении верстки вместе с Фралинсером,еще месяц назад не понимал что такое код и как он работает,а сейчас могу сделать несложный макет. Спасибо за ваш труд который дает старт молодым ребятам,которые вышли с коледжов с 0 знаниями. P.S. Привет со Львова)
в общем ребят, посмотрел я других учителей, это просто ужас, делают ошибки, вырезают тот фрагмент, где они их исправляют, тем самым вводя в заблуждение учеников, а тут всё честно и искренне! просто лучшее, вот и всё, большое спасибо за труды, и самое главное за искренность и человеческую доброту!
Жека, это лучшее из лучшего, что я видел по шрифтам!!!!!!! Везде никакой нормальной, подробной и полезной информации по этой теме не найти просто! Я много раз пытался что-то сделать со шрифтами, но т.к. не находил мало-мальски толкового объяснения - нифига не получалось (имеется ввиду не обычный гугл фонтс, а те шрифты, которых там нет)!!! СПАСИБО Тебе огромное)))
Ты пожалуй единственный осмысленный (но это не совсем то слово), русский ютубер. Крайне качественный контент, понятно, без лапши, хороший звук и дикция, с примерами и объяснениями не скатывающимися в MDN. Надеюсь будешь продолжать. Буду ждать, даже когда рассказываешь то что уже знаю, подчеркиваю что то новое или устаканиваю уже имеющиеся. Удачи!
Пересмотрел много подобных каналов и могу сказать, что подача материала и разъяснение на высоком уровне! Один из топовых каналов по данной тематике. Рекомендую!
Большое спасибо тебе за твои уроки! Объясняешь всё понятно и просто. Иногда не получается повторить с первого раза из-за какой-нибудь неправильно поставленной точки... Но, благодаря этому, учишься "перелопачивать" весь код и вспоминать нюансы, что идёт только в плюс!)
Дорогие программисты, видео снято 2 года назад. И за это время google fonts успел поменяться. Поэтому если вы подключаете через @import. Надо в css указать дополнительное значение. Вот пример: font-family: 'Fruktur', cursive; А еще в новой версии нельзя выбрать кириллицу или латинскую версию. Все это уже внутри
Ловите от меня обнимашкииииииии!!!!!!!!!!!!!! Безумно благодарна за то, что благодаря Вам и этому видео приостановился процесс появления седины на моих блондинистых волосах. А то я уже не знала как мне эти дизайнерские фришты подключать и куда их впихивать. ;-)
СПАСИБО! С 3 раза получилось подключить шрифты локально. Я оказывается писал путь только у src: url("../fonts/pfdintextcondpro-medium.eot"); а надо было для всех... спасибо за урок)
Мощно, однако!) Смотрю взахлёб каждый ролик. Даже отходить от компа неохота. Но нужны перерывы... В 200-граммовый стакан, помещается максимум 200мл жидкости, так и с мозгом!
Женя, спасибо, отличный урок! в интернете не находил нормальной инфы как подключать шрифты, а у тебя на уроке все как всегда предельно просто и понятно!
Кнопки Select This Font, о которой говорит автор на 2:44 уже нет. Просто выбираете шрифт (находите через поиск), листаете ниже выбранный и возле вариаций (regular, italic, bold...) справа есть маленький плюсик. На него нажимаете, и выбранный стиль данного шрифта заносится в ваш список выбора. Дальше уже, как обычно.
Привет! Смотрю видео в 2022 году, многое из того что в видео очень изменилось и сайт шрифтов, сайт-конвертер отказываются работать. Можно ли обновить информацию об актуальных сервисах? Спасибо за видео
Как я рада что мои преподы не объясняют более доступно, а то так бы не узнала о таком прекрасном человеке и познавательном канале, с таким годным контентом. Где человек горит неимоверной энергией и зажигает других╰(*°▽°*)╯
Сколько инфы на Ютубе искал, и только ты и Минин объясняете доступно, по полочкам, чтоб не приходилось по сто раз пересматривать. Круто, очень полезные видео. Лайк однозначно
Урок пушка, как и все остальные! Не знал про способ подключения через конвертацию, т.к. не так давно начал изучать вёрстку. Но благодаря этому уроку, теперь знаю! :D Буду теперь юзать, спасибо!
Жека, не люблю оставлять комменты, обычно их игнорирую, но твои видео и структурированная подача материала охотно поддталкивает к тому чтобы написать положительный отклик) Всё безупречно и круто) Лучшего я не встречал на просторах интернета) Не грех поддержать тебя и твой канал матрериально и морально. Много не смогу, но минимум в месяц себе могу позволить. Как мои финансовые возможности возрастут, постараюсь большей суммой) Благодарю за классные и бесплатные уроки) Пошёл изучать дальше)
Только что подключил шрифт таким образом, только шрифта нужно не было на сайте nomail.com.ua, пришлось искать на зарубежных сайтах. Но зато подключил как на видео и все заработало! Респектос) Спасибо!
Благодаря Евгению начала разбираться в HTML и CSS, он создает самые доступные и понятные видео! Кстати, может у кого-то была такая проблема, когда подключаешь шрифты через Google fonts, то перестает работать Live Sass Compiler? Пока не поняла, как убрать это(
Жек, я на фрилансе третий месяц. Работаю в сфере верстки и дизайна. Так вот, хотел бы что бы ты выпустил небольшой ролик о ценах на услуги верстки. А то мне как новичку не понятно пока как оценивать работу, выполняю верстку лэндингов по 1500-2000р. Конечно с кучей косяков в коде, но внешне похожий на макет или вообще по собственному дизайну и это тоже за те же 1500-2500р. Расскажи о ценах на, думаю многим будет полезна эта инфа)
Большое спасибо тебе Женя, я считал что правилу нужно было подключать шрифты через класс по неправильному примеру *class="textstyle"* а в ксс *textstyle@font-face.* посмотрев видео....даже не знаю какие слова подобрать, НО урок полезен был для меня.
Жека, выпуск как всегда на высоте !!! Даже мой шуруповёрт и перфоратор все понял )) . Жаль что не все понимают важности подключения шрифтов, новичкам бы только делать уже готовые сайты, а шрифты потом сами подключатся ( по себе помню как оно было в начале )
Ценю твой ЛАЙК и КОММЕНТ!
Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
Поддержать канал (донаты): www.donationalerts.com/r/freelancerlifestyle
Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
Instagram: instagram.com/freelancer.lifestyle/
Facebook: facebook.com/freelancerlifestyle/
и что мы получаем) файл css с прописанными стилями, потом браузер понял что ему надо догрузить шрифты, он их загрузил и выровнял текст, это совет, как делать не стоит
создавайте тег link со шрифтом сразу к гугл, грузите стили и определяйте их для нужных вам элементов, пока вы получаете стили, у вас уже шрифт определился
В первый раз с тобой не согласен. Лучше было бы заменить имя в font-family: "Conv-Rgular/Conv-Medium". И вызывать разные варианты и не надо ничего менять в классе у блока. Разве нет? Проверил, всё работает
Как сделать так чтобы шрифт изменился при нажатии на кнопку??
Хорошо, что я нашёл твой канал, а то заебался уже на сайтах по крупицам вычитывать и собирать из обрывков для себя полезную информацию. У тебя всё чётко, подробно и ясно. Большое спасибо
Пожлуйста!
Женя, ценю то, что ты делаешь. Поэтому вот ТАЙМКОДЫ :)
00:00 - Вступление. Зачем подключать шрифты?
00:37 - Подготовка к уроку
01:56 - Способ 1. Подключение с помощью Google Fonts
09:04 - Способ 2. Когда Google Fonts бессилен
19:22 - Домашнее задание. Заключение
Спасибо!
Теска! 2021 начался с обучении верстки вместе с Фралинсером,еще месяц назад не понимал что такое код и как он работает,а сейчас могу сделать несложный макет.
Спасибо за ваш труд который дает старт молодым ребятам,которые вышли с коледжов с 0 знаниями.
P.S. Привет со Львова)
как успехи?
Это прям как шпоры, что-то не понятно - зашел, глянул, победил)))
Отлично! Я рад!
в общем ребят, посмотрел я других учителей, это просто ужас, делают ошибки, вырезают тот фрагмент, где они их исправляют, тем самым вводя в заблуждение учеников, а тут всё честно и искренне! просто лучшее, вот и всё, большое спасибо за труды, и самое главное за искренность и человеческую доброту!
Чудовий навчальний матеріал. Переглядаючи ваші уроки, з'являється ще більша зацікавленість рухатися далі і пробувати щось нове. Дякую)))
Да это же годнота, а я голову ломал, где и как достать недостающих шрифтов, лайк однозначно!)
Спасибо! 👍
Помогите пожалуйста, гугл фонтс обновили и там теперь всё по другому
ГуглФонд изменился и по началу было не понятно, но посмотрев до конца про ГуглФонд в новом стало всё понятно! ОГРОМНОЕ СПАСИБО!!!
Талант. Ты заслуживаешь как минимум в 20 раз больше просмотров
Спасибо!
Живи вечно и записывай нужный контент. Уважение!
Договорились!
Жека, это лучшее из лучшего, что я видел по шрифтам!!!!!!! Везде никакой нормальной, подробной и полезной информации по этой теме не найти просто! Я много раз пытался что-то сделать со шрифтами, но т.к. не находил мало-мальски толкового объяснения - нифига не получалось (имеется ввиду не обычный гугл фонтс, а те шрифты, которых там нет)!!! СПАСИБО Тебе огромное)))
Ты пожалуй единственный осмысленный (но это не совсем то слово), русский ютубер. Крайне качественный контент, понятно, без лапши, хороший звук и дикция, с примерами и объяснениями не скатывающимися в MDN. Надеюсь будешь продолжать. Буду ждать, даже когда рассказываешь то что уже знаю, подчеркиваю что то новое или устаканиваю уже имеющиеся. Удачи!
Спасибо большое! Такие комментарии заряжают! 👍🤟
Он с Украины.....
Все с толком и расстановкой! Никакой воды! Браво, Жека!!! Годный видос!
Спасибо!
Евгений, спасибо за простую динамичную подачу. без всяких ну, бе, ме. хочется слушать и мотивируешь учится.
Спасибо!
Пересмотрел много подобных каналов и могу сказать, что подача материала и разъяснение на высоком уровне! Один из топовых каналов по данной тематике. Рекомендую!
Всё как всегда понятно и доступно! С Женей всегда кажется всё просто, за психологическую поддержку отдельное спасибо)
Я очень рад!
Пересматриваю урок второй раз и не перестаю удивлятся способностям этого человека! Евгений как всегда спасибо низкий поклон!
Большое спасибо тебе за твои уроки! Объясняешь всё понятно и просто. Иногда не получается повторить с первого раза из-за какой-нибудь неправильно поставленной точки... Но, благодаря этому, учишься "перелопачивать" весь код и вспоминать нюансы, что идёт только в плюс!)
Спасибо огромное, более развёрнуто, всё в тему, без лишних слов. Счастья вам !!!
Большое спасибо! Время идёт, полезность уроков не падает, а скорее выделяется среди других! Ещё благодарю!
Спасибо за подробный урок=)) Слушать одно удовольствие, без лишней информации и воды, очень мало таких спикеров. Обучение с вами затягивает)
Звук, подача материала-ВСЕ на высшем. Спасибо за труд!
Пожалуйста!
Дорогие программисты, видео снято 2 года назад. И за это время google fonts успел поменяться. Поэтому если вы подключаете через @import. Надо в css указать дополнительное значение. Вот пример:
font-family: 'Fruktur', cursive;
А еще в новой версии нельзя выбрать кириллицу или латинскую версию. Все это уже внутри
не знаю, всё работает и так как он объяснил )
Где кириллицу выбрать не нашел, а стили выбираются в основном окне вкладки " Select styles" нажатием кнопки "+ Select this style" справа от стиля
@@user-LvSerg777 написано же, что встроенно
спасибо большое тебе спасибоооооо))
font-style для кого?
Лайк неглядя. Уверен, всё качественно и доступно для любого чайника и утюга )))
Спасибо! 👍👍👍
У тебя дар объяснять максимально подробно, интересно, да еще и о юморе не забывать! Три лайка! :)
Спасибо!
як завжди, урок на висоті. Все розкладено по поличках. Дуже дякую за додатковий матеріал!
, спасибо за очередное полезное видео !!! , , все новички , твои , фрилансер , фанаты
Спасибо! 🤘🤘👍
Всецело поддерживаю!
Вот же добрый человек Женя, берет и дарит людям свои фишки и секретные ссылочки! Спасибо за полезный урок и ценную информацию!
Ловите от меня обнимашкииииииии!!!!!!!!!!!!!! Безумно благодарна за то, что благодаря Вам и этому видео приостановился процесс появления седины на моих блондинистых волосах. А то я уже не знала как мне эти дизайнерские фришты подключать и куда их впихивать. ;-)
Развивайся, учись, живи, а работа - в свободное время. Вот это девиз. Мне нравится.
Этот видео для меня будет шпаргалкой,походу еще 5-6 раз пересмотреть буду до тех пор не адаптируюсь!Спасибо вам за такие видосов👍👍👍
Ты лучший! Спасибо! не просто за уроки верстки, а за то что учишь быть свободным и независимым!
Даже не думал, что подключать шрифты это так просто! Еще раз спасибо за такое грамотное и наглядное разъяснение 🔥
Урок был очень полезен! Всё как всегда на высоте коротко, ясно, лаконично и главное понятно! Без излишеств и без воды! Спасибо!
благодаря этому видосу разобрался со шрифтами раз и навсегда, респект автору!
СПАСИБО! С 3 раза получилось подключить шрифты локально. Я оказывается писал путь только у src: url("../fonts/pfdintextcondpro-medium.eot"); а надо было для всех... спасибо за урок)
Очень спасибо! Всё получилось. Установила 6 Prepros и заработало. Отдельное спасибо за фишечку Ctrl+h. Мммм!
Это возможно мой первый пост на ютуб, лет за 10. Снимаю шляпу), огромное спасибо за уроки!
Всех благ и долгих лет!
Спасибо тебе за твою бесценную работу!
Пожалуйста!
Спасибо за твой труд! Салют из РФ! Очень много узнал из твоих видео!!!
Пожалуйста!
Спасибо! Тема про шрифты как бы простая, но важная. Можно запутаться в "трёх соснах" ))
Как всегда все понятно, только гугл изменил интерфейс подключения, но принцип тот-же. Спасибо.
принцип тот же, но скачивает всё семейство, а не отдельно выбранные стили, раньше поудобнее было
Большое тебе спасибо! Я делал кучу раз, смотрел другие туториалы и не получалось, глянул тебя и очень рад этому.
Пожалуйста! Я рад!
Урок бомба!!! Жека как всегда на высоте!!! А кися на заднем фоне просто апогей ми-ми-мишности!!)))
Спасибо!
Мощно, однако!) Смотрю взахлёб каждый ролик. Даже отходить от компа неохота. Но нужны перерывы... В 200-граммовый стакан, помещается максимум 200мл жидкости, так и с мозгом!
Женя, спасибо, отличный урок! в интернете не находил нормальной инфы как подключать шрифты, а у тебя на уроке все как всегда предельно просто и понятно!
В результате мы получим результат, хахаххах.
Ну а если серьезно, спасибо большое за БЕСПЛАТНЫЙ и понятный курс по верстке.
Урок бомба 💣💣💣. Женя, спасибо!). Как всегда годный материал. Это должен знать каждый уважающий себя разработчик🙂.
Спасибо! Стараюсь давать только то что нужно для работы!
Женя какой же ты хороший человек! Побольше б таких ❤
Кнопки Select This Font, о которой говорит автор на 2:44 уже нет. Просто выбираете шрифт (находите через поиск), листаете ниже выбранный и возле вариаций (regular, italic, bold...) справа есть маленький плюсик. На него нажимаете, и выбранный стиль данного шрифта заносится в ваш список выбора. Дальше уже, как обычно.
Спасибо)
Самый офигительный канал для обучения!
Дуже Дякую за ще один Чудовий Урок.... Респект Величезний!!!
Good Work!!! You Are Fantastic!!!
Материал топ! Отличная подача) Воды 0% Спасибо, Женя!!!
Очень хорошее видео. Ctrl + H команда порадовала, полезно было узнать о такой.👍
Привет! Смотрю видео в 2022 году, многое из того что в видео очень изменилось и сайт шрифтов, сайт-конвертер отказываются работать. Можно ли обновить информацию об актуальных сервисах? Спасибо за видео
Как я рада что мои преподы не объясняют более доступно, а то так бы не узнала о таком прекрасном человеке и познавательном канале, с таким годным контентом. Где человек горит неимоверной энергией и зажигает других╰(*°▽°*)╯
Сколько инфы на Ютубе искал, и только ты и Минин объясняете доступно, по полочкам, чтоб не приходилось по сто раз пересматривать. Круто, очень полезные видео. Лайк однозначно
пересматриваю как пособие ) Благодарю за твою работу, о сенсей)
просто, понятно, интересно! лучше любых курсов и туториалов. спасибо! +1 подписка на ютуб и телеграмм
Спасибо!
Урок пушка, как и все остальные! Не знал про способ подключения через конвертацию, т.к. не так давно начал изучать вёрстку. Но благодаря этому уроку, теперь знаю! :D Буду теперь юзать, спасибо!
Спасибо! Рад что было полезно!
Спасибо. Инфа доступна, быстро и без лишней воды. 100500 лайков.
Спасибо!
Евгений, спасибо за урок, все очень чётко и понятно).
Пожалуйста!
Жека, не люблю оставлять комменты, обычно их игнорирую, но твои видео и структурированная подача материала охотно поддталкивает к тому чтобы написать положительный отклик) Всё безупречно и круто) Лучшего я не встречал на просторах интернета) Не грех поддержать тебя и твой канал матрериально и морально. Много не смогу, но минимум в месяц себе могу позволить. Как мои финансовые возможности возрастут, постараюсь большей суммой) Благодарю за классные и бесплатные уроки) Пошёл изучать дальше)
Спасибо большое! Стараюсь)
Сильно сильно я так долго мучился пока не нашел твое видео
Я рад что полезно
Отличный видео урок. Очень хорошо объясняешь, новичкам и не только, подходит такая подача информации. За шпаргалки и ссылки отдельное спасибо. 👍
Пожалуйста!
обожаю твои уроки, Жень! спасибо что помогаешь изучать веб-разработку
Женя благодарю тебя за урок!!!! Желаю мира твоей семье!!!!
Спасибо за старание , очень интересно рассказываешь, и по делу.
Пожалуйста! Я рад что полезно!
Все очень понятно и досконально расписал. Спасибо за старания)
Спасибо, рад что полезно! 👍
Спасибо за очень ценные и качественные уроки!
Как всегда МЕГА Полезно!!!
Огромное спасибо, особенно за позитив!!!
Спасибо, приятная и грамотная подача без лишней воды. Лайк и успехов!
Только что подключил шрифт таким образом, только шрифта нужно не было на сайте nomail.com.ua, пришлось искать на зарубежных сайтах. Но зато подключил как на видео и все заработало! Респектос) Спасибо!
Верно, если нет там тогда google )
@@FreelancerLifeStyle в гугле в первую очередь ищу)
Привет, все еще смотрю вас и все еще круто. Спасибо большое.
Супер! Я рад!
Самое лучшее объяснение! Спасибо большое!
Пожалуйста!
Спасибо вам большое за объяснение, мне получилось подключить шрифт к сайту.
Благодарим за такой четкий урок!
Спасибо, доходчиво объяснили.Это не каждому под силу.
Отлично, я очень рад!
Благодаря Евгению начала разбираться в HTML и CSS, он создает самые доступные и понятные видео! Кстати, может у кого-то была такая проблема, когда подключаешь шрифты через Google fonts, то перестает работать Live Sass Compiler? Пока не поняла, как убрать это(
Огромнейшее СПАСИБО! Просто о сложном!
Пожалуйста!
Спасибо огромное за уроки!
Великие цитаты мудрецов-,,И в результате мы получим результат"
Супер! Ждем следующих уроков и стрима!
Спасибо! 👍
Як завжди крутяцкий матеріал ! Гарно дякую !!!
лучший учитель в моей жизни
Жек, я на фрилансе третий месяц. Работаю в сфере верстки и дизайна. Так вот, хотел бы что бы ты выпустил небольшой ролик о ценах на услуги верстки. А то мне как новичку не понятно пока как оценивать работу, выполняю верстку лэндингов по 1500-2000р. Конечно с кучей косяков в коде, но внешне похожий на макет или вообще по собственному дизайну и это тоже за те же 1500-2500р. Расскажи о ценах на, думаю многим будет полезна эта инфа)
Расскажу! Правда это все очень относительно, но я что-то придумаю!
А как Вы вышли на фриланс? Где взяли первый заказ?
Да, мне тоже было бы интересно.
@
KazulyaX за какое количество времени примерно ты можешь сверстать простенький лендинг? Мне просто интересно.
@@МириСеидов-е1х ну смотря что значит простенький...как видишь я писал это почти год назад, ну если простенький в моем понимание, то несколько часов.
Google за год чуть изменили сайт. но в принципе, разобраться можно, спасибо!
Как всегда, прекрасное объяснение! Плюс полезные ссылки, шпаргалки и природное обаяние )
Прости, смотрю на 1.25) Но зато несколько раз)) Уроки супер!
Спасибо!
Спасибо большое за уроки! Счастья и здоровья ! :)))
Спасибо тебе огромное за твои уроки, они очень информативные и легко усваиваются :D
Це геніально і просто! Дякую за корисну інфу! А то вже сиджу думаю що в мене руки криві, бо потрібні шрифти не працюють.
Дякую. Як завжди все добре пояснив, з прикладами. Для себе підчерпнув багато нового.
Ну вот теперь и этот материал пригодился. СПАСИБО за Ваш труд.
Пожалуйста!
Большое спасибо тебе Женя, я считал что правилу нужно было подключать шрифты через класс по неправильному примеру *class="textstyle"*
а в ксс *textstyle@font-face.*
посмотрев видео....даже не знаю какие слова подобрать, НО урок полезен был для меня.
Жека, выпуск как всегда на высоте !!! Даже мой шуруповёрт и перфоратор все понял )) . Жаль что не все понимают важности подключения шрифтов, новичкам бы только делать уже готовые сайты, а шрифты потом сами подключатся ( по себе помню как оно было в начале )
Спасибо! Мое дело показать, а там уже как будет :)
Полезный урок. Спасибо Жень!
Пожалуйста!
Все очень доступно и понятно . Большое спасибо !!!
Супер, я рад!
Спасибо, Женя, за отличную подачу!! Буду пробовать подключать.