What’s the best font size? A guide for body text in responsive web design

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

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

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

    That's a really simple CSS solution. And thanks for making me realize that the exact pixel size matters less than the relative dimensions.

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

      Of course, Darshak! Glad you found it valuable!

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

    This is the best video so far in explaining all these basics! Really fun it easy to understand and love the intro!

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

      Thanks, Fran 🤩!

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

    Bruhhhhh, just came across this channel, and man, you deserve a 100k subs, hahaha.
    Feels very pure and natural.
    Just subscribed to your newsletter :)

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

      Toooo kind, Sahil! 😍 Glad your now on the list 😉

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

    SIZE IT UP!

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

      Oh, yes, Alex ⬆️⬆️⬆️

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

    Amazing content as always fun to learn and hilarious 😂

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

      Thank you, Sam! Happy you found it infotaining 🤘

  • @Garydoug
    @Garydoug 10 หลายเดือนก่อน

    oh my god my new favorite youtuber

    • @PimpmyType
      @PimpmyType  10 หลายเดือนก่อน +1

      My new favorite subscriber!! 🤩🤩

    • @Garydoug
      @Garydoug 10 หลายเดือนก่อน

      @@PimpmyType 🫠

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

    I love that you have a TL:DW. 😂 waiting for the premiere anyway.

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

      Of course! Always appreciating my honored viewer’s valuable time 😃

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

    Making my first website project for a Web dev course....this is really helpful, and you're cute. Subscribed x

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

      Awesome! Thank you! I’m sure you’re cute as well 😉

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

    Best episode so far :D

  • @tejassharma8569
    @tejassharma8569 3 หลายเดือนก่อน

    4:00 I do not find the font (viewed fullscreen on a 13'' laptop) tiny. In fact, I have scaled down the OS font size to match similar sizes and find it perfectly acceptable. Less font = more content on screen.

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

    You're so funny and likeable! Thanks for the great content

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

      Oh, thank you Izabel! 🤩🤩 What’s your next step on your typographic journey?

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

      @@PimpmyType hi! not very far, I'm afraid. I'm just a lawyer who likes typography and visual aids. 🙈

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

    I just found your channel and I'm binge watching everything!!
    Amazing content!! Keep it up 🙌🏻

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

      🤩🤩🤩 Thank you! Happy you’re enjoying it! If you got questions or suggestions for upcoming videos, always appreciate them! 😉

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

    Really, your video are sooo funny, and interesting obviusly 😁

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

      Thank you, Marius!! Hope you can use it in a project to come 😃

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

    Very entertaining and good info. Thanks for the tips and the laughs!

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

      Thank you 😊😊😊 Very happy you enjoyed it, Rafiq!

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

    My take: 1rem is the default text size on the device, and is to be set to a size at which text is well readable. So the body text should be 1rem everywhere. An exception to it may be with fonts which appear smaller; they would be scaled up.

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

      Absolutely agreed, Matj. It depends on the font you choose, like this examples shows: th-cam.com/video/WX-56wRA4aY/w-d-xo.html

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

    Thank you for this one!

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

      Of course, Martin! 🤩

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

    Great video! :D

  • @yandelyano
    @yandelyano 9 หลายเดือนก่อน

    Hey man, came across your channel by coincidence. A fortunate coincidence.
    I have a suggestion if you take those. I'm setting up a small business, and I've been wondering about designing a unified set of document templates - internal and public facing documents like letters, emails, reports, etc. I would love to see a professional's take on this.

    • @PimpmyType
      @PimpmyType  8 หลายเดือนก่อน

      Thanks for the suggestion! If you have something concrete and want feedback, send it in and I might feature it on the channel: pmty.pe/review

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

    Very useful, thank you

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

      Happy to hear that!

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

    Great content! Thanks!!😊

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

      Thank you! Glad you enjoyed it! 😌

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

    thank you mr pimp

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

      Of course! 🤩🤩🤩

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

    Very nice! Thank you.

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

      Thank you, Miguel! 🤩

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

    Great sutff!

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

    You're a great singer too❤️

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

      😂 😂 Thanks, man!

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

    What Font Clamp Generator can I use that gives me accurate clamp CSS line?

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

      Sorry that it took 10 years to reply 🙈! And yeah, I got a good one: modern-fluid-typography.vercel.app/

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

    Thank you!

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

    LOL... I am just getting into web and video design, so I appreciate your video. I know it is very possible to $#@! it up, as I have done it. Thanks again.

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

      Thank you 🤩🤩

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

    hey wat do use to record vid

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

      Fancy iPhone 12 😉.

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

    Why not use the clamp function in 2021 ?

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

      Great addition! I’ll definitely want to go into that in future content. For now I wanted to keep it simple and understandable even if you’re not doing front end.

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

    Nice vlog, can you suggest Google something about this ugly emojis 😅

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

      LOL! They are suuuuper ugly! It always kills me when I have to use them in the chat at the YT premiere 😂

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

      @@PimpmyType 😂🤢right?

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

    So funny. Thank you! OK, so I'm making a website with Wix and have a question: is the px size the same as the 'font size'? e.g. is 16px the same as font size 16? (asking for a friend)

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

      Not sure about that in Wix, since I’m not familiar with it, but I’ll assume it is. Anything else would not make much sense. Hope that helps! 😉

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

    Thank you :)

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

      For you, always, Aytan!

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

    Should we use rem or pixels for fonts size?

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

      I’d definitely go for rem! Pixels are always absolute, rems can be scaled up and down. And I also find it much easier to work with them. If you set your body text in 1rem and your headings in 2.5 rem, you instantly get a feeling for the different sizes.

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

    what about headings?

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

      Well, on mobile I usually make them smaller, sometimg 2rem, max. And on desktop they definitely can become larger, even 3 or 4 rem, depending on the kind of content.

  • @titus2modernwoman465
    @titus2modernwoman465 24 วันที่ผ่านมา

    you are too funny thanks for your help🤣

    • @PimpmyType
      @PimpmyType  7 วันที่ผ่านมา

      Any time! 😅

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

    Mandatory school is eleven years in Brazil (7 y.o. to 18 y.o.) , yet we do not have ANY tip on fonts and font sizes more than the classical "Arial 12", despite (1) 99,9% of children and teens having access to computers and smartphones and (2) a large minority of the population having visual problems.

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

      Pimp my Type will be part of every curriculum then! 😂 Guess it’s not different here in Austria. Arial 12 is fine, when printed out 😜.

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

    4:00 - that's what she said

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

      Yeah, that is true, deep emotion 😂

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

    Wow that iphone 5 tho 😳

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

      Yeah 😂, used that oldie, because I was filming on my iPhone 12.

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

    When Fonts like Open Sans are so much bigger than Times New Roman how can you compare sizes except side by size! So what is the point of the pixel to point comparisons??
    Then there is the problem of which do I go by? Pixels, points, ems...whatever!
    Body text for Books vs website:
    Then, for these people who think reading a is why mobile phones were invented! Yikes!
    Then there is the question of scaling up or down electronically with the zoom function!

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

      In this article, I give some rules of thumb how to use what units: pimpmytype.com/font-size/. Regarding the units:
      - For print use pt, start with 11 or 12 pt for body text.
      - On the web: better use rem and set the default to at least 16px.
      Hope that helps, Tony!

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

    where Blue socks ???🤣

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

      Unfortunately I don’t have blue socks! But I should get some 😉. Do you?

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

    PLEASE NO SING AT THE START! actually its cool!