Inter 4.0: A Big Font Update for UI Design

Поделиться
HTML-код
  • Опубликовано: 23 окт 2024

Комментарии • 109

  • @PimpmyType
    @PimpmyType  Месяц назад +1

    Thanks for almost 30K views in 3 weeks, your likes, and comments 🙌! But I was WRONG 😳. Google Fonts updated Inter to Version 4 right when I released the video. This brings some problems. I released an update how to fix them here: ruclips.net/video/_WBGIbRwYd8/видео.html.

  • @waltonks8172
    @waltonks8172 2 месяца назад +106

    It's basically 'the' closest alternative to Apple's San Francisco. Just love the font.

    • @PimpmyType
      @PimpmyType  2 месяца назад +12

      Agreed, Walton. And since San Francisco is only available on Apple devices, Inter is a good, free cross platform alternative.

    • @didgeoridoo
      @didgeoridoo 2 месяца назад +2

      Condensed and expanded variants (or better, variable widths!) could make this a true SF Pro alternative. And maybe one day Inter Serif? 😂

    • @microbians
      @microbians 2 месяца назад

      Totally!

    • @faraz_qureshi
      @faraz_qureshi 2 месяца назад

      Totally, Inter Light is probably THE CLOSET , and then Aeonik also looks pretty neat. The height is a bit smaller but looks amazing for headings.

  • @BloomDevelop
    @BloomDevelop 2 месяца назад +78

    Fun fact: Gnome is starting to use Inter as system font (like, the entire desktop)

    • @flyingsquirrel3271
      @flyingsquirrel3271 2 месяца назад +3

      Makes sense. I've been using it for my XFCE desktop for ages, because on my (not HiDPI) screens, it's just more readable in smaller sizes than most alternatives.

    • @daddychan7
      @daddychan7 2 месяца назад

      NO WAY that’s awesome. I have a special place in my heart for Cantarell but Gnome could definitely use an update to it especially with how clean the rest of the design is.

  • @keysncoffee7733
    @keysncoffee7733 2 месяца назад +19

    The optical sizing is huge! I’ve always thought Inter was too far apart at bigger sizes.
    Also, what a coincidence. I noticed a difference when working on a client’s card design using Inter today. I wasn’t aware of an update until this video.

    • @PimpmyType
      @PimpmyType  2 месяца назад +2

      Optical sizing is the BEST 🤩🤩!

  • @maximenadeau9453
    @maximenadeau9453 2 месяца назад +4

    Didn't know about the channel, the algo did something right ! Great content !

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Happy you’re enjoying it!! 🤩🤩🤩🤩

  • @crristox
    @crristox 2 месяца назад +1

    I'm glad the algorithm did some justice for you this time Oliver :), but I gotta admit that the thumbnail and the title were enticing hehe

  • @ibnurasikh
    @ibnurasikh 2 месяца назад +1

    Very exciting! I've used Inter before but haven't paid much attention to it. It turns out that Inter has a very robust and complex structure

  • @voidmind
    @voidmind 2 месяца назад +44

    Instead of doing a 4.0 version number, he should have named it "neo-inter" or some other name. I like both the versions 3 and 4.

    • @CoDEmanX47
      @CoDEmanX47 2 месяца назад +5

      Inter 2024? With "neo", "neue", etc. you run into a problem the next time you do a major update (neo-neo-inter?)

    • @Shreddderrr
      @Shreddderrr 2 месяца назад

      Inter-neue

    • @ExzaktVid
      @ExzaktVid 2 месяца назад +1

      Neo-inter, then neue-inter next time, them nouveau-inter.

    • @didiercatz
      @didiercatz 2 месяца назад +1

      Why? 4.0 brings some options you can enable. The core is still the same.

  • @kindofanmol
    @kindofanmol Месяц назад +1

    I absolutely love it

    • @PimpmyType
      @PimpmyType  Месяц назад +1

      It has a lot of advantages 😉.

  • @brncsk
    @brncsk 2 месяца назад +7

    I love the vibe, Oliver, instantly subscribed :) - cheers from Hungary!

    • @PimpmyType
      @PimpmyType  2 месяца назад +2

      Köszönöm Ádám! ☺️☺️

  • @DaftRebel
    @DaftRebel 2 месяца назад +2

    I'm so happy YT recomended this cahnnel! cheers from Tierra del Fuego, Argentina!

    • @PimpmyType
      @PimpmyType  2 месяца назад +1

      Woohoo! Bienvenidos y saludos de Austria.

    • @DaftRebel
      @DaftRebel 2 месяца назад

      @@PimpmyType Muchas gracias!

  • @lockhandel
    @lockhandel 2 месяца назад +5

    Dude, your website is 🔥.... Keep up the good work.

    • @PimpmyType
      @PimpmyType  2 месяца назад

      You rock, LockHändel 🤩🤩!

  • @vandorsx
    @vandorsx 2 месяца назад

    I'm happy to have come across your channel! True italics is definitely my favorite feature of Inter 4.0.

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Yes, they really change the vibe of the typeface, Jade! By now it’s also in Google Fonts in version 4.0, so more people can enjoy it.

  • @TrentBrew
    @TrentBrew 2 месяца назад +1

    I love that you keep the bloopers in

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Thank you, Trent 😅! It was fun.

  • @mide_
    @mide_ 2 месяца назад +2

    Please do more review content. Would definitely love a tech review style channel but for fonts>>>

    • @PimpmyType
      @PimpmyType  2 месяца назад +1

      Thank you, Ayomide! I’ll keep it in mind for future content ☺️☺️! And there is my Font Friday newsletter where I review fonts weekly: pmty.pe/newsletter

  • @shivamchandra.0654
    @shivamchandra.0654 2 месяца назад +1

    Inter just solved all the problems i had with it.
    Great video, tells every change in short.
    btw, i can't access the optical sizing in Figma, how do i do that ?

    • @PimpmyType
      @PimpmyType  2 месяца назад +2

      Thank you!! Well, the thing is Google Fonts shows the new version now (it was updated shortly after I made the video).
      However, it always takes a few months until Figma updates. So you probably still see the previous version 3.0 in Figma. To get version 4 you’ll need to install it locally. Then you should have the options available.

  • @jojodelacroix
    @jojodelacroix 2 месяца назад

    I personally like the shortened t and f but I'm not sure if I like it amongst the other letters. I also generally lean towards a lack of subtlety in fonts so I enjoy it for that reason.

  • @brandonhamaguchi
    @brandonhamaguchi 2 месяца назад +2

    Great video! For the Optical Size feature, I think it would have been better to show both versions on screen for a better comparison (you showed one and then the other).

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Thank you for the feedback, Brandon! On my font review article I did so, next time on video as well ☺️.

  • @mariannereuter
    @mariannereuter 2 месяца назад

    I never used Inter - now that they enhanced it for larger sizes, I might. Thank you for updating us!

    • @PimpmyType
      @PimpmyType  2 месяца назад +1

      Give it a try! I feel like the light weights look gorgeous in display sizes!

  • @nobody-bt7mu
    @nobody-bt7mu 2 месяца назад +1

    I'm a little glad that it's not on google fonts since I'm using that version for my UI Kit. Maybe have to look more into Inter 4.0 to see if it's right for me update my font styles. Cheers!

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Hihi, so at least it feels more exclusive now on your UI kit ☺️.

  • @lightascend2524
    @lightascend2524 2 месяца назад

    Would definitely be looking into using Inter down the line for certain projects.

  • @springmays
    @springmays 2 месяца назад

    Love your enthusiasm!

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Love back to you! Thanks!! 🤩🤩

  • @koenahn
    @koenahn 2 месяца назад +1

    While I love Inter for web design, I doubt I'll be using the large type variant. When using large type, I go straight to a more pronounced display font. It's an easy way to keep the visual brand identity recognisable and consistent.
    I may consider using some Inter glyph alternates in body copy on very specific projects. Consider a UI project with a limited scope for a brand that already has a full fledged visual identity, suited to social media and print. Maybe the body text is in a serif font of a font that isn't ideal in the context of a UI. In that case, Inter would be one of my go to fonts to try to replace the body font with for this project. Turning on a few alternates could make the font work better with the existing identity. Such as the lowercase "a" that visually looks like "O|" instead of "3|".

  • @welling1
    @welling1 2 месяца назад +5

    I'm a horrible person-- I've always thought of Inter as the Ariel of Figma.

    • @PimpmyType
      @PimpmyType  2 месяца назад +1

      Haha, well, you’re not wrong. It is the same genre, both are neo-grotesque typefaces. However, Inter is optimized for UI design with its wider letter spacing and the possibility to make characters less ambiguous.

    • @koenahn
      @koenahn 2 месяца назад

      Made me chuckle

    • @roundabout-host
      @roundabout-host 2 месяца назад

      ​@@PimpmyTypeI think they meant Inter is overused, being the default in Figma. I kind of agree.

  • @i-am-the-slime
    @i-am-the-slime 2 месяца назад +1

    Richtige Werner Herzog-Vibes kriegt man bei deinem Slang 😘

    • @PimpmyType
      @PimpmyType  2 месяца назад +1

      😂😂 Danke 😉

  • @8randomprettysecret8
    @8randomprettysecret8 2 месяца назад

    Intriguing. Might need a minor rename so systems recognize it as a separate font from inter classic and prevent website text formatting from being altered.

  • @vanerorg
    @vanerorg 2 месяца назад

    What is the app that you are using to show off font feature? like the optical sizing slider

  • @mectag
    @mectag 2 месяца назад

    What font are you using in your video? Inter aside, it looks great too and I‘ve seen it somewhere!

    • @PimpmyType
      @PimpmyType  2 месяца назад +1

      It’s Magnet! Reviewed it here: pimpmytype.com/font/magnet/ ☺️

    • @mectag
      @mectag 2 месяца назад

      @@PimpmyType Thanks, I‘ll check it out!

  • @jun6lee
    @jun6lee 2 месяца назад

    New subscriber. I buy that that this is the MacDaddy of UI Fonts, Any recommendations for T-shirt Fonts? :D

    • @PimpmyType
      @PimpmyType  Месяц назад

      Haha, thanks! Well, deends on the mood of the text. Basically, you can go a bit crazier with T-shirt fonts, so use a Display font you like. Maybe this video here will help: ruclips.net/video/5gtd-oG-fwc/видео.html

  • @JohanRonsse
    @JohanRonsse 2 месяца назад

    Optical sizing and new italics are awesome but I also don't really love the alternates.

  • @ansvart
    @ansvart 9 дней назад

    Not a bad font honestly, although there are a lot of technical problems and inconsistencies inside this typeface…

  • @Nikhil-ty3rk
    @Nikhil-ty3rk 2 месяца назад

    Inter 4.0 came out November last year. What's new, exactly?

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Well, compared to version 3 quite a few things. Google fonts did not updated though until last week. So now new on Google Fonts.

  • @krupalsgowda6931
    @krupalsgowda6931 2 месяца назад

    Which software are you using to play around with the text in the video ?

    • @vandorsx
      @vandorsx 2 месяца назад

      Figma, I believe.

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Yep, that’s Figma. ☺️

  • @ravid_dubsteper
    @ravid_dubsteper 2 месяца назад

    4:50 but this update is already available on google fonts for more than a week now

    • @PimpmyType
      @PimpmyType  2 месяца назад

      You’re right, Ravid! Just realized it myself after publishing it. This will cause some shifts in text … I’ll look further into it.

  • @brandonhamaguchi
    @brandonhamaguchi 2 месяца назад

    Helvetica and other famous fonts also have this kind of versioning and new updates?

  • @spreen_co
    @spreen_co 2 месяца назад

    I don't think what you said about google fonts is true. A week ago my website broke because I'm using inter with italics. All of a sudden, the google fonts api returned 404 and my website didn't work anymore. It appears google updated inter over night and broke my website, removing the slant axis form the variable font.

    • @PimpmyType
      @PimpmyType  2 месяца назад

      You’re right, it was update after I did the video, only realized it after the release 😣. To fix it go to the previous version, download it and self host it d.rsms.me/inter-website/v3/download/. I’ll come up with a video about this.

  • @learnuxid
    @learnuxid 2 месяца назад +1

    I am UX and a Web Designer and love typefaces just like you. Great videos, keep them coming

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Oh thank you, Muhammad! Happy to hear that from a fellow RUclipsr! 🤩

  • @popofthestocks
    @popofthestocks 2 месяца назад

    IMDB scale rating: 7.6. Audience: 8.4. But I am kinda grumpy you know, so nothing personal.

  • @Alikk784
    @Alikk784 2 месяца назад

    authentic sans is my favorit

  • @junlimited
    @junlimited 2 месяца назад

    Is 4.0 hosted on a CDN somewhere?

    • @PimpmyType
      @PimpmyType  2 месяца назад +2

      I’d recommend self hosting. This is better for performance and privacy issues.

    • @HyperGadgets
      @HyperGadgets 2 месяца назад +1

      There's a link on Rasmus Andersson's site

  • @xxlarrytfvwxx9531
    @xxlarrytfvwxx9531 2 месяца назад

    Once again it is impossible to tell a lowercase l from an uppercase I.

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Yes, if you look at the default characters. Not if you activate SS02 (Disambiguation), see 01:10.

  • @badcatdesign
    @badcatdesign 2 месяца назад

    Yup - it's a good one. 👌 (well, except for those alts. yikes)

    • @PimpmyType
      @PimpmyType  2 месяца назад +1

      Haha, yeah, maybe for a logotype 🤪 or not. At least it’s flexible.

  • @shivomsrivastava6540
    @shivomsrivastava6540 2 месяца назад +1

    cool

  • @cedscherer
    @cedscherer 2 месяца назад +1

    Ugh, I thought for a moment you like the alternative f and t styles. These look pretty stupid on its own and especially don't work in combination with the other letters.
    A note on the outro: when do we get stylistic alternatives of your videos? Miss that Austrian accent 😬

    • @PimpmyType
      @PimpmyType  2 месяца назад +1

      Lol ☺️ I’ll try to sprinkle in more Austrian stuff, haha.

  • @RoamingAdhocrat
    @RoamingAdhocrat 2 месяца назад +3

    there is only one UI typeface and it is B612

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Oh yes, B612 is gorgeous! I just wish there was a medium weight 😅

    • @koenahn
      @koenahn 2 месяца назад

      Interesting, I've never heard of it before. The condensed letters remind me of Roboto, but the shapes are more open and varied. I like the high x-height and the balance it strikes between geometry and legibility. It seems very approachable. I do agree with @PimpmytType that two weights is not ideal.
      What do you like specifically about the B612 font?

  • @mayuro
    @mayuro 2 месяца назад

    Nothing phone needs to use this as their default font.

    • @PimpmyType
      @PimpmyType  2 месяца назад

      What is the current typeface?

  • @Gael_AG
    @Gael_AG 2 месяца назад +1

    It’s not a good reason - and a bit snobbish - to discredit a font, because everyone uses it . remind that you aren’t never completely unique when it comes to choices for UI design . Think twice when you comment to prevent for sounding posh

  • @kenruelan
    @kenruelan 2 месяца назад

    great video. glad i found your channel

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Thank you! ☺️☺️

  • @lunaumbra5179
    @lunaumbra5179 2 месяца назад

    Very hipster of you to tell people to avoid fonts just because they are popular. Also, editing comment, it would be nice if you showed examples and difference on screen for longer to give people more time to digest these sometimes subtle difference. You can do fade effects between them or put them above and below each other or side by side. But I have to pause your video every time to get a better grip of what you are trying to highlight.

    • @PimpmyType
      @PimpmyType  2 месяца назад +1

      Thanks for your feedback, appreciate it! I’ll remember it for future content.

    • @lunaumbra5179
      @lunaumbra5179 2 месяца назад

      @@PimpmyType otherwise I was very engaged watching. I'm hopeful and glad my first sentence didn't come across as judgement it was meant to be playful.

  • @arunashamal
    @arunashamal 2 месяца назад

    I hate this UI design font trend! like what is the point of it? It made sense when our screens were low quality, but now all our screens are super high definition and can totally display fine details. Isn't it funny that Apple change ios from Helvetica after keeping it through their low quality screen phase and changed it to the new font when they have better screens? To see the the problem with this soulless UI fonts is just go outside and take a walk around your city. Many designers are using these fonts in print design as well and all the signs/logos/posters / typography are bland and soulless. I feel sorry for good design.

    • @stefanalecu9532
      @stefanalecu9532 2 месяца назад +3

      So you have no real critique of Inter because apparently fonts like it were only useful when screens were as tall as your index? Sorry to break it to you, but you aren't reading articles at 72px, but 12px, so you definitely have to be legible even at small sizes.

    • @arunashamal
      @arunashamal 2 месяца назад

      @@stefanalecu9532 critique of inter is the overall critique of UI fonts that are popping up everywhere and ruining aesthetics online and offline.. Today's screens are perfectly capable of displaying traditional fonts at 12px...When I was studying graphic design the rule was never to use serif for screen because it is hard to read...well...today go to popular sites like Washington Post, NYT, The CUT, they all use small serif fonts for reading text and they are perfectly readable, even on mobile phones. Ironically the chase for UI font is an outdated concept.

    • @PimpmyType
      @PimpmyType  2 месяца назад

      I also discussed the issue of serif fonts for UI design with type designer José Scaglione here: pimpmytype.com/talk01/

    • @arunashamal
      @arunashamal 2 месяца назад

      @@PimpmyType my serif font comment is deleted!

  • @roromaniv
    @roromaniv 2 месяца назад

    There was always something I didn't like about Inter. These changes explain what it was, it's looking goooood 🪩

    • @PimpmyType
      @PimpmyType  2 месяца назад

      Happy you could discover something new with my video! ☺️