Иконочный шрифт. Подключение Font Awesome. Создание иконочного шрифта из SVG файлов.

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ก.ย. 2024

ความคิดเห็น • 394

  • @FreelancerLifeStyle
    @FreelancerLifeStyle  3 ปีที่แล้ว +23

    👻 Всех с праздником! 🎃 Полезно? 🤟
    🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
    🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
    🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
    🔴 Facebook: facebook.com/freelancerlifestyle
    🔴 Instagram: instagram.com/freelancer.lifestyle

    • @mrakcw
      @mrakcw 3 ปีที่แล้ว

      Жека красавчик))
      Ты смотрел уже MDBootstrap?
      Жду от тебя видео об этом фремворке))
      Туториал не нужно, просто интересно твое мнение

    • @Sergey-rn2hj
      @Sergey-rn2hj 3 ปีที่แล้ว

      спс разобрался.
      пробовал в scss сразу в рабочем проекте, а там был миксин с дугими шрифтами который все перебивал.
      немного поколдовал и все заработало.
      только всеравно непонятно почему другие браузеры выводили иконку

    • @Mimokrorodil
      @Mimokrorodil 2 ปีที่แล้ว

      Спасибо! Великолепный урок!

  • @niiazovmaksat2591
    @niiazovmaksat2591 3 ปีที่แล้ว +54

    Это просто нереально. Открыл для себя этот канал пару недель назад. Столько полезной информации, в таком удобном формате, нет нигде в интернете. Спасибо за работу!

  • @alexandervoievodin6913
    @alexandervoievodin6913 3 ปีที่แล้ว +8

    Господи! Раньше мне приходилось через такие дебри подключать эти иконки... даже вспоминать страшно...)
    Четко, кратко, динамично, понятно. Приятное ощущение что каждая новая минута все больше вдохновляет и ты понимаешь насколько просто делать такие интересные вещи.
    Огромное спасибо, Женя, за Твое существование!)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว

      Пожалуйста!

    • @olezhonnv3215
      @olezhonnv3215 3 ปีที่แล้ว

      А какие дебри? Я лет 10 назад генерил шрифты с иконками без проблем на похожем сервисе. Эта тема со шрифтами уже давно существует.

    • @alexandervoievodin6913
      @alexandervoievodin6913 3 ปีที่แล้ว

      @@olezhonnv3215 я только начинающий. Отсутствие знаний обеспечивает мне более неудобные способы решения задачи. А на этом канале нахожу простые решения, о которых раньше не знал. Поэтому его и смотрю. Не спорю, для Вас это может быть известно уже давно, но не для меня.

  • @annamets
    @annamets 3 ปีที่แล้ว +5

    Я была уверена, что всё про это знаю, на всякий случай решила посмотреть. И, как всегда, узнала новое, неожиданное и полезное!

  • @shukonfadah5725
    @shukonfadah5725 2 ปีที่แล้ว +1

    все ваши виде это лучшее что можно найти на русскоязычном сегменте! Я поддерживаю вас во всём! желаю мира и спокойствия вашей стране и семье!!!

  • @deniskotov
    @deniskotov 3 ปีที่แล้ว +14

    Как демон появился из огня!)

  • @kokosik319
    @kokosik319 3 ปีที่แล้ว +4

    Хорошо что есть такие люди, которые помогают другим!! Спасибо тебе большое, твои видео разборы не раз помогают)

  • @ДмитрийРог-ч1у
    @ДмитрийРог-ч1у 3 ปีที่แล้ว +4

    Контент супер. Хоть и работаю давно с вёрсткой но в каждом уроке нахожу для себя что-то полезное и новое!

  • @stanislavafanasiev5766
    @stanislavafanasiev5766 3 ปีที่แล้ว

    Прямо вселенная возможностей работы с иконочным шрифтом, еще и свои можно создавать! Супер!

  • @alex-troshin
    @alex-troshin 3 ปีที่แล้ว +2

    Как всегда радуешь своим контентом!
    Приятно что не зацикливаешься на чем-то одном, а постоянно подкидываешь новое и новое!
    Спасибо огромное!

  • @ЛюдаГригорьева-ф5ф
    @ЛюдаГригорьева-ф5ф 3 ปีที่แล้ว +1

    Женя!! Спасибо!! Наконец-то я их подключила!!! Кого только не слушала и как только не извращалась ! Ты- волшебник! с тобой по моему хотению, по твоему велению все смогла!!

  • @zArMSn
    @zArMSn 3 ปีที่แล้ว +25

    После этого видео:
    Новая цель:
    Парсить все платные иконки с FontAwesome 😁

  • @ИльясСултанов-ж7щ
    @ИльясСултанов-ж7щ 3 ปีที่แล้ว +3

    Большое спасибо! Хотелось бы видео про SVG (как с ним удобнее работать, какие инструменты использовать и т.п.), вы очень хорошо объясняете.

  • @wewood6027
    @wewood6027 3 ปีที่แล้ว +9

    Женя, привет! Огромная благодарность тебе, за все твои видео! Круто, качественно и доступно для понимания! Есть большая просьба к тебе. Сделай, пожалуйста, видео по Web Accessibility!!! Крайне мало информации на русском, а видео совсем нет. P.S. Ставьте лайк, кому будет это интересно;)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +1

      Спасибо, такой видос в планах.

  • @arthurvolokhov1911
    @arthurvolokhov1911 3 ปีที่แล้ว +1

    О-бал-деть. Я в восторге. Свой иконный шрифт, это круто. Спасибо.

  • @nargizaliyeva9743
    @nargizaliyeva9743 3 ปีที่แล้ว +1

    Спасибо за доходчивое объяснение и интересный материал!За бесплатное скачивание платных иконок отдельный лайк!

  • @khalilmutallibov
    @khalilmutallibov 3 ปีที่แล้ว +15

    Сразу лайк!

  • @ЕвгенийБаркас
    @ЕвгенийБаркас 3 ปีที่แล้ว +1

    Теперь я умею коммуниздить платные иконки ))

  • @no_way_back813
    @no_way_back813 3 ปีที่แล้ว +8

    Спасибо Жека, крутой выпуск, сделал свой первый иконочный шрифт 😀

  • @delfinn
    @delfinn 3 ปีที่แล้ว +3

    Отличный сервис + отличное объяснение! Спасибо за экономию места в проектах))

  • @phat80
    @phat80 3 ปีที่แล้ว +1

    О, отлично. Давно смотрел про этот набор иконок в другом месте. Потом они могли мне пригодится, но я напрочь забыл как они называются. Теперь вспомнил ))) Их удобно использовать в прототипах сайтов, как быстрое решение для визуализации примерного дизайна сайта.

  • @МаринаКислякова-л5ф
    @МаринаКислякова-л5ф 2 ปีที่แล้ว

    Женя! Огромное спасибо! У тебя один из самых лучших каналов в интернете! Спасибо за труд!

  • @R.wsteady
    @R.wsteady 3 ปีที่แล้ว +1

    эх, найти бы такого специалиста по SPA/SSR. Спасибо Жека за ликбез

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว

      Пожалуйста!

    • @olezhonnv3215
      @olezhonnv3215 3 ปีที่แล้ว

      А зачем вам SSR в SPA?
      Вот же мода сегодня, лепить прям весь сайт на Реакте. А потом аххх, страдет СЕО, че делать. Давайте рендерить на сервере, а то робот Гугла видит один лишь рут дивчик пустой.
      Сайт - не совсем приложение, на мой взгляд. Можно приложение интегрировать внутрь сайта - редактор какой-то или конструктор чего-то там, например. Но делать сайт весь, как приложение - это современный накал идиотии, как по мне.
      Сайт должен быть на ПХП! Вордпресс! Ну, или Ларавел, УII на крайняк. Ну, или Пайтон (Руби, С#).
      А то лепят на JSе сайты и думают, шо делки! В бекенде JS - это дичь! Взяли моду, понимаешь! Еще и тайпскрипт расхайпили - тоже дичь, в квадрате!

    • @R.wsteady
      @R.wsteady 3 ปีที่แล้ว

      @@olezhonnv3215 лично я исхожу из модных требований на рынке труда)

  • @svhanz
    @svhanz 3 ปีที่แล้ว +2

    Евгений это конечно череп!!! А рассказывает так, что просто сидишь и слушаешь. Думаете я что-то из этого ролика повторил? Да фиг там! Смотрел и восхищался!

  • @ruslangl2893
    @ruslangl2893 2 ปีที่แล้ว +1

    Надзвичайно корисний tutorial!

  • @lastivka
    @lastivka 3 ปีที่แล้ว +4

    Спасибо. Как всегда интересно и полезно

  • @nnnabbot
    @nnnabbot ปีที่แล้ว

    Женя, спасибо большое, выручаешь постоянно. Понятный полезный контент

  • @vasya8696
    @vasya8696 3 ปีที่แล้ว +2

    Ого, только сейчас узнал о таких шрифтах. Спасибо за видио 👍

  • @Andrei_Porsev
    @Andrei_Porsev 3 ปีที่แล้ว +2

    Жека!!! Как всегда, человеческое спасибо за годноту 👍

  • @АндрейВикулов-ы8м
    @АндрейВикулов-ы8м 3 ปีที่แล้ว +1

    Как всегда, все понятно и хорошо изложено. Респект за качественный материал!

  • @over1679
    @over1679 3 ปีที่แล้ว +2

    Спасибо, видео полезное. Я также один раз спиратил файл с анимацией движения планет для своего дипломного проекта, а то покупать не очень хотелось, у студентов всегда нету денег)

  • @Timyr123msp
    @Timyr123msp 3 ปีที่แล้ว +4

    Спасибо огромное за урок)

  • @big_aim2006
    @big_aim2006 2 ปีที่แล้ว +1

    Очень полезный видос!

  • @skatler5741
    @skatler5741 2 ปีที่แล้ว +1

    У меня просто нет слов, это очень годно !!!!!

  • @xxxxxxxx5971
    @xxxxxxxx5971 3 ปีที่แล้ว +4

    Топ, реально круто объясняешь !

  • @duda_uaden8655
    @duda_uaden8655 3 ปีที่แล้ว

    Спасибо Евгений, как всегда ГОДНЫЙ КОНТЕНТ!!!)))

  • @vyacheslavzabelskiy3745
    @vyacheslavzabelskiy3745 3 ปีที่แล้ว +1

    Очень полезная информация! Спасибо огромное за Ваши старания!

  • @Dim172
    @Dim172 3 ปีที่แล้ว +1

    Большое спасибо, я месяц назад пытался подключить, но ничего не получилось, плюнул и забил, а вы вот очень помогли)

  • @gromovdenis7
    @gromovdenis7 3 ปีที่แล้ว +6

    Огонь!

  • @КириллТимофеев-п1л
    @КириллТимофеев-п1л 3 ปีที่แล้ว +1

    Женя, спасибо за инструкцию!

  • @adwers6427
    @adwers6427 3 ปีที่แล้ว +2

    Как всегда безупречный контент!

  • @deniskotov
    @deniskotov 3 ปีที่แล้ว +1

    УРРРРРРААААААААААААА!!!!!!!!!!!!!!!!!))))))))))))) ЖЕКА, ТЫ МУЖЫЫЫЫК!!!!!!!!!

  • @blackking2296
    @blackking2296 3 ปีที่แล้ว +3

    *Лайк не глядя❤️*

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว +1

      Спасибо! Тут есть на что посмотреть))

    • @blackking2296
      @blackking2296 3 ปีที่แล้ว +1

      @@FreelancerLifeStyle То же верно))

  • @parahumanoid
    @parahumanoid 2 ปีที่แล้ว

    Клёво. Без воды и по теме.

  • @dmitriyegorov4764
    @dmitriyegorov4764 3 ปีที่แล้ว +1

    Потрясающе! Спасибо и здоровья! )

  • @АлександраТанташева-ч8и
    @АлександраТанташева-ч8и 2 ปีที่แล้ว +1

    Спасибо сенсей))))! только у меня не получилось отыскать код у платных иконок - наверно в 2022 они смекнули и прячут svg из инструментов разработчика! кстати у бесплатных иконок svg в инструментах тоже не видно

  • @ВладимирК-ь9г
    @ВладимирК-ь9г 3 ปีที่แล้ว +1

    Как всегда отлично. Спасибо, удачи

  • @helenlena2837
    @helenlena2837 2 ปีที่แล้ว

    Самый крутой и любимый препод!!! Спасибо, Жека 🤫🏆🏆🏆

  • @КонстантинКарачинский-и3ъ

    Спасибо огроменное за инфу!!! выкинул с сайта библиотеку fontawesome, создал свои иконки (надо то всего 5 штук для сайта), заодно PageSpeed вырос на 5 баллов))) Евгеша, буду очень признателен за гайд по верстке под LightHouse

  • @ZimaTimofey
    @ZimaTimofey 3 ปีที่แล้ว +10

    + ещё лайк

  • @usernout1516
    @usernout1516 ปีที่แล้ว +2

    спасибо большое брат, мне помогло!

  • @наталіяклемишова
    @наталіяклемишова 3 ปีที่แล้ว +5

    Класс!!!

  • @beyourself2458
    @beyourself2458 3 ปีที่แล้ว

    Классный канал! Информативно и доступно для понимания!
    Почему зрение не бережёшь, без очков за мониторами... ай-яй-яй:)
    Береги себя!!!:)

  • @ivanfedorov7934
    @ivanfedorov7934 3 ปีที่แล้ว

    Сразу огро-00000000000000000000мный лайк и во-0000000000000000 такой респект

  • @andyanderson222
    @andyanderson222 3 ปีที่แล้ว

    Спасибо! Очень качественный контент и приятная подача.

  • @user-dr3rj3gt2b
    @user-dr3rj3gt2b 3 ปีที่แล้ว

    Ооо, какая классная подача. Спасибо за видео!

  • @a.osethkin55
    @a.osethkin55 3 ปีที่แล้ว +1

    Спасибо за видео! Супер просто и супер интересно

  • @tercon8870
    @tercon8870 2 ปีที่แล้ว

    Супер, полезная штука. Спасибо!

  • @vladimirlevin6799
    @vladimirlevin6799 3 ปีที่แล้ว +1

    Евгений, ты крутой, спасибо!

  • @MegaTesei
    @MegaTesei 3 ปีที่แล้ว

    Классная вещь. Почерпнул много полезного.

  • @ye5275
    @ye5275 3 ปีที่แล้ว +1

    Огромное спасибо за видео!!!!

  • @zulagwido1309
    @zulagwido1309 3 ปีที่แล้ว

    Клёво и понятно! Респект автору!

  • @ЭльвираАхметзянова-м7и
    @ЭльвираАхметзянова-м7и ปีที่แล้ว +1

    Спасибо вам большое!

  • @artnr7
    @artnr7 ปีที่แล้ว

    Спасибо за подсказку!

  • @ДмитроРубець-ж4в
    @ДмитроРубець-ж4в 3 ปีที่แล้ว

    Жека благодарю за твой труд!

  • @ВладКурлук
    @ВладКурлук 3 ปีที่แล้ว

    Красавулька! Мега полезная инфа.

  • @sanjarbarakayev638
    @sanjarbarakayev638 3 ปีที่แล้ว +2

    Спасибооооооо! Было очень полезно 👍👍👍

  • @incognitoperson5117
    @incognitoperson5117 6 หลายเดือนก่อน

    Друже, дякую за 2 речі: за круте відео з усіма дрібницями і за громадянську позицію🤝🤝🤝🤝🤝🤝

  • @webdeveloper-group483
    @webdeveloper-group483 3 ปีที่แล้ว

    Жека, как всегда годный контент!!! Спасибо!!!

  • @ismoil3075
    @ismoil3075 3 ปีที่แล้ว +3

    🙂👍

  • @Dmitriy-ev5hy
    @Dmitriy-ev5hy 3 ปีที่แล้ว +1

    Где же такое видео было раньше)

  • @ginger7719
    @ginger7719 3 ปีที่แล้ว +1

    Куда лучше вставлять , в или в ? И зачем добавлять классы в , если можно вставить отдельным тегом и не париться на счет семейства шрифтов?

    • @ДмитрийНормов-ю6ц
      @ДмитрийНормов-ю6ц 2 ปีที่แล้ว

      а комментаторы выше все в один голос дуют "как все супер понятно и прекрасно рассказано" )))

  • @-Forever-Young-
    @-Forever-Young- 3 ปีที่แล้ว

    Четкое появление)

  • @Kirdaro
    @Kirdaro 3 ปีที่แล้ว +1

    Огромное спасибо за видео

  • @SpaceQuiz24
    @SpaceQuiz24 3 ปีที่แล้ว

    Очень класный и полезный видос! спасибо.

  • @kotbarsik9613
    @kotbarsik9613 3 ปีที่แล้ว

    Спасибо за подробное видео)

  • @Qwertyqwerty-tq3we
    @Qwertyqwerty-tq3we 3 ปีที่แล้ว +2

    Круто!!!👏

  • @ulfatkhalikov7400
    @ulfatkhalikov7400 3 ปีที่แล้ว

    Невероятно просто ) Спасибо )

  • @qafqaz2000
    @qafqaz2000 2 ปีที่แล้ว

    А зачем копировать в элемент класс, а потом огорчаться, что он влияет на весь ? Копируйте весь тег и помещайте его перед вашим контентом внутри тега . И будет вам счастье!

  • @BAS-64
    @BAS-64 3 ปีที่แล้ว +1

    Супер

  • @ІгорЧугусов
    @ІгорЧугусов 3 ปีที่แล้ว +1

    Сразу лайк, потом посмотрим)

  • @harpeter9752
    @harpeter9752 2 ปีที่แล้ว +1

    Мабуть вперше поставив дизлайк відео на цьому каналі. Через те, що Женя показав, як отримати доступ до платного авторського контенту, скажімо так, обхідними шляхами. Думаю, Женя не був би в захваті, якби хтось на своєю каналі зробив відео, в якому показав би спосіб отримання доступу до платного контенту каналу "Фрілансер по життю" на патреоні якимось обхідним шляхом.
    Решта контенту змістовно і гарно подана. Був би радий поставити саме лайк за працю, старання та корисність

  • @jatakaya
    @jatakaya 2 ปีที่แล้ว +1

    Благодарю!

  • @deniskotov
    @deniskotov 3 ปีที่แล้ว +1

    Мощно) Я очень рад)

  • @АлексейБойченко-з6ш
    @АлексейБойченко-з6ш 3 ปีที่แล้ว +1

    Спасибо урок, очень полезно. Недавно был опрос о чем делать уроки, я бы хотел ещё попросить уроки по дизайну, если это возможно, было бы очень полезно, а с твоим способом донесения информации ещё и интересно

  • @wildwildrift3784
    @wildwildrift3784 3 ปีที่แล้ว

    Просто топ, что еще сказать)

  • @ИванВерушкин-в7ю
    @ИванВерушкин-в7ю 3 ปีที่แล้ว +1

    да, иконопись это тема =)

  • @wickedtorpedo75
    @wickedtorpedo75 3 ปีที่แล้ว

    красава, вот это уровень Зоракса

  • @ivanryapolov7903
    @ivanryapolov7903 3 ปีที่แล้ว

    Очень полезная информация.

  • @Тимур-ф5э
    @Тимур-ф5э 3 ปีที่แล้ว

    Всего восемь дизлайков... Очень хочется посмотреть этим людям в глаза... #ЖЕКАкаквсегдаТОП!!!

  • @IvJaiN
    @IvJaiN 3 ปีที่แล้ว +1

    Спасибо за информацию. А подскажи пожалуйста, как это вставить в placeholder какого-нибудь input?

  • @СергейВоробьев-ж5й
    @СергейВоробьев-ж5й ปีที่แล้ว

    Спасибо большое , очень хорошее видео, мне очень помогло!!!

  • @leonidboyko980
    @leonidboyko980 3 ปีที่แล้ว +1

    Бомба! Спасибо

  • @МаксимВакуленко-к8г
    @МаксимВакуленко-к8г 3 ปีที่แล้ว +2

    А как подключать через gulp?

  • @ВладимирХуснутдинов-у9ы
    @ВладимирХуснутдинов-у9ы ปีที่แล้ว

    мега-лучший!!!

  • @it-learner5701
    @it-learner5701 3 ปีที่แล้ว +1

    Спасибо)) Сразу лайк

  • @twobytwo9440
    @twobytwo9440 3 ปีที่แล้ว +2

    Очень познавательно

  • @konstantinreut2577
    @konstantinreut2577 3 ปีที่แล้ว

    Респектос, как всегда!)

  • @vitalb7907
    @vitalb7907 3 ปีที่แล้ว

    Прикольно) спасибо за урок. познавательно и полезно) однозначно лайк. Продолжай в том же духе.
    но, к сожалению, у иконочного шрифта есть минуса: иконочный шрифт это шрифт. а браузер сглаживает шрифты и иногда может казаться что такая иконка может "мылится". и еще, я встречал таких людей, которые у себя отключают возможность подгружать сторонние шрифты и у таких пользователей будет просто квадратик, вместо иконки)

    • @FreelancerLifeStyle
      @FreelancerLifeStyle  3 ปีที่แล้ว

      Можете привести пример реальной проблемы сглаживания? Я за 12 лет не встречал... но раз вы пишите наверняка такое встречали, поделитесь примером!

    • @Жизнь-я3ъ
      @Жизнь-я3ъ 2 ปีที่แล้ว

      @@FreelancerLifeStyle вот у меня как раз квадратиками выходят. Что делать в этом случае?

    • @Spedclover
      @Spedclover ปีที่แล้ว

      @@Жизнь-я3ъ удалось решить?

  • @d.m.m6692
    @d.m.m6692 3 ปีที่แล้ว +1

    Большое спасибо