CSS3 #10 Шрифты и текст (CSS Font & Text styles)

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

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

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

    Спасибо за труд, отличный урок

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

    Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!

  • @TeRatroN87
    @TeRatroN87 4 ปีที่แล้ว +1

    Евгений, очень крутые видео получаются у тебя! Спасибо!
    По шрифтам в отдельном видео полезно было бы также подробнее осветить вопросы их оптимизации: про src: local, про удаление неиспользуемых символов или иных вариантах сжатия трафика, про настройку их кеширования, анализ что производительнее: скачать или использовать сервисы типа google fonts и т.д.
    Ещё раз спасибо за ценную информацию на канале и твой труд!

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

    Nice lessons man!

  • @arman-6172
    @arman-6172 ปีที่แล้ว

    Тож интересуют эти вопросы. +вопрос подключение разных файлов под light, normal, bold, extra bold и т.д.. Вроде если не подключать файлы, то браузер сам пытается подтянуть текущий шрифт, но часто это делает криво? Нет в планах продвинутый курс сделать с набором практик?)

  • @ЕвгенийУгланов-ш2л
    @ЕвгенийУгланов-ш2л 3 ปีที่แล้ว

    Спасибо

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

    Если рассматривать самый первый пример с подключением гугл шрифта, но при этом в HTML ничего не добавлять, а прописать только часть в CSS - font-family: 'Roboto', sans-serif; то шрифт тоже измениться, правда он будет не такой, как если все таки добавить link в HTML. Откуда берется этот шрифт, если у нас нет ссылки ни на внешние шрифты, ни на внутренние. из стандартных шрифтов имеющихся на компьютере? или умный браузер их еще где то находит и подгружает?
    и второй вопрос - вот мы выбрали опять же в гугл шрифте 3 толщины - 100, 500 и 900, и вставили их в HTML после того как мы прописали в CSS применить к body просто семейство шрифта без дополнительного указания толщины, то какая толщина будет? зачем мы выбрали вообще несколько толщин,если все равно можно для любого элемента прописать свою собственную, то есть существует ли вообще необходимость загружать именно такую ссылку в которой записано несколько вариантов толщин одного и того же шрифта. или опять же если мы загрузили несколько толщин то умный браузер применяет соответственно к заголовкам более жирные, а к параграфам более тонкие. в этом хитрость? тогда логичнее загружать сразу все варианты толщин, на все случаи жизни.... наверно.

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

      Бро не в обиду, но душнее вопросов я в жизни не видел 😮‍💨

  • @xkanox904
    @xkanox904 4 ปีที่แล้ว +1

    Недавно начал изучать JS. Хотелось бы узнать, книги вроде "изучаем js" от Фримена и Робсон, "Выразительный js", "js ниндзя" всё ещё актуальны? Или следует изучать язык сразу на каком-нибудь learn js. И спасибо за видео

    • @YauhenKavalchuk
      @YauhenKavalchuk  4 ปีที่แล้ว +1

      Я бы рекомендовал learn.js

  • @Amun_Ra.
    @Amun_Ra. 4 ปีที่แล้ว +1

    А можно ещё небольшое видео об разнице между margin и padding?

    • @YauhenKavalchuk
      @YauhenKavalchuk  4 ปีที่แล้ว +5

      Padding отступ внутри - входит в элемент. Margin - отступ снаружи, отталкивает другие элементы на указанную величину. Как описать подробнее не знаю

  • @Чегеварка
    @Чегеварка 3 ปีที่แล้ว

    Пишу форматы woff, ttf, otf, и woff2 как в примере на 6:35 все друг за другом и ничего не работает. Запускаю по одиночке всё работает кроме woff2. Ничего не меняю просто комментарием выключаю все кроме одного по очереди. Браузер Хром 89.04 64 бит. Не пойму в чём может быть дело ?

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

      Это шрифты для разных браузеров, а вы тестируете их только в Chrome. Поэтому и не срабатывает

    • @Чегеварка
      @Чегеварка 3 ปีที่แล้ว

      @@YauhenKavalchuk Благодарю!

  • @Чегеварка
    @Чегеварка 3 ปีที่แล้ว

    Т. е. можно скачать любой шрифт и даже переобразовать его в формат ttf или woff он будет работать, так ?

  • @Империячумногодоктора
    @Империячумногодоктора ปีที่แล้ว

    Как растянуть заголовок на весь экран в длину (не размер font-size)

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

      То что вы описали - не возможно, только если не использовать SVG, или сделать текст картинкой

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

    не совсем понятно зачем в @font-face дополнительно прописывать font-weight: 500;
    и font-style: normal; если эти данные уже изначально вшиты в шрифте, и эти свойства ни на что не влияют? Или это просто правила хорошего тона?

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

      Это в примере они "вшиты" в Google fonts, а на проекте вам могут просто прислать папку со шрифтами) Так что это просто был расширенный пример, что бы на практике не возникло вопросов