I want to be clear, Inter was not designed by Wei Huang. It was created by Rasmus Andersson. I mixed up my slides. I apologise! 👉Watch next How to TRANSITION from JUNIOR to MID-LEVEL as a UX/UI Designer - ruclips.net/video/WsatnytxIss/видео.html How to Present a UX Case Study in a Job Interview (Download Template) - ruclips.net/video/ZVZfWfqmRBY/видео.html Create STUNNING Interactive Presentations | Figma Tutorial - ruclips.net/video/SN3t8qiTa2Q/видео.html Yours truly, Mizko
thhhhhhhhhhhhhhhhhhankssssss so much Mizko! You just saved me. I was looking for an Open Type Font for my branding with super readability in blog posts. I was looking for the best font reading blo gpost here and there but no luck. Spend 7 hours got no font. But suddenly I realise I have watched this video when it was released. I just watched the video without noting down anything as I just love watching your videos. When it hit my mind I immiditenyl came and watched the Full video. Now I decided to go for Switzer. Thank you once again.
Wow, I already knew you after watching your story on RUclips about a year ago, and today I saw some of your videos where you teach things, and I am so happy that I found your channel! Such great and useful tips!!!! Thanks!
I am glad I am not the only one who noticed Open Sans has a weird almost unfinished look about it. My go to font is Product Sans since google material designs is moving away from Roboto I read in an article somewhere. Will be saving this video for future referrence
Inter IS life. I have an addiction to customizing my phone. I've used inter for a while as my phone's font. I've tried helvetica and even google sans. Idk what to do next so I'm going mad
If you want to learn the parts of letterforms and the terminology used, check for books on typography and typeface / font design. -- baseline is the bottom of the capital and lowercase letters, where things sit, the line you write on with ruled notebook paper; x-height is the height of most lowercase letters, the top of the x; ascenders, the parts of lowercase letters that go above the x-height; descenders, the parts that go below the x-height; (not tails, though tails are common terms, informally) cap-height, the height of the capitals, often not the same as the ascender height; there are plenty of other terms too.
ChatGPT is my professor. I wanted to know what the difference between aperture and counter was. Explained it as if I was enrolled in a typography course at a University.
Just found the channel and enjoying the content! Appreciate the review of each of these fonts too. One font that I've been using in some projects is Atkinson Hyperlegible. With a nod towards accessibility, I appreciate the aim of both legibility and readability. For someone with poor eyesight, it's easy on my eyes to have the curved terminal on the "l" and serifs on the "i" and "I". It may not have the large variation of weights and styles but it helps to keep the typography simple.
Great video Mizko! Will be a good idea to shoot one video, especially for Fonts but when we need to use them in a Multilanguage site, and with this I mean a Real variety - English, Korean, Turkish, Greece, Bulgarian, Thai, Arabic, etc and to show which fonts are best for multilanguage sites.
Hey Mizko! Great video again, thanks for keeping us in the loop. Recently started to use Poppins in one of my projects, I was wondering what do you think about that? Thanks.
Here is a better list- my personal collection over the years. Please tell me know what you think about them: ($ = paid font) *Top-tier* Gotham $ (best font of all time) Circular Std (close second) Karla (paired with Domine) Monolisa $ (best coding font) Exo 2 Aleo *Mid-Tier* Catamaran Cocogoose Meslo LG M Regular for Powerline (another good coding font with glyphs) *Low-Tier* IBM Plex Sans SF Pro Text (Apple's font that can be downloaded for free) Roboto Acme Assistant Asap Colflax $
I completely agree about Open Sans. It always felt like it was 'flimsy' and not as 'stable' / 'strong' as most other fonts I would prefer. Bit too 'skinny'?
Hi Mizko! Thanks for the video! I'm definitely going to lean on some of these typefaces. I feel the same way about Open Sans..something about it feels dated to me. Worth mentioning that San Francisco can only be used on native Apple designs unless you have permission (as far as I know).
What about poppins? When I first started learning UX/UI, a lot people were using poppins so it stuck to me ever since if I needed to fall back on something basic and easy to pair.
Hey Mizko, ty soo much for ur content. I started in the field of UX/UI Design approx. 4 months ago and ur videos are always a very good go-to for me when tackeling new challenges at work. Currently a system i am working on is using Roboto (systemwide). What do you think of the font and is it good to have the same font everywhere or should it be combined with others? Again Thanks a lot! Keep up the great work! Greetings from Germany =)
Awesome Chief Bacon! As mentioned Roboto is a great system font for Android. There is no need to change it if that's what the organisation wants to use. As you become more experienced, you'll learn to manage stakeholders and introduce new fonts system-wide. But as you're just starting out, sometimes it's best to go with what's already working. Just learn the ropes of the game.
Hey @@Mizko thx a lot for the answer =) yea unfortuantely we are using Roboto for both, Android and IOS which made me sceptical. But yes, i agree regarding "going with what's already working". But then again when trying to change the Type-system for a whole software later on, won't that cause a lot of issues regarding spacing/breaks looks of features?
I only use Open Sans Light. I feel that Open Sans can compete with Header or Headline Fonts, so I try my best not to use it for big projects. I agree, it does feel loose; but its a two for one font system that can be used in print and digital spaces.
@@fortyozsteak Actually im a Product Designer for a reputable educational company; my designs are functional, interactive, accessible, and most importantly used. Please keep your sour comments to yourself.
Thank you for teaching me about x-height; it’s good to know there are some relatively straight forward and measurable characteristics to consider when choosing the right font. Naturally I arrived at Inter while looking for an alternative to SF Pro that I could use for desktop publishing. At least it appears sufficiently legible on paper as well. But I have wondered about whether even SF Pro Display being a “display” font is the correct tool for the job. In any case, I can see there are a few inter fans here as well 👍 I am morbidly curious about the engineering process and mindset that goes into making something like Inter. A friend of mine one alluded to the use of adversarial networks in the course of typography but I wouldn’t even know where to begin. Apple gives me the impression that they’re very proud of SF Pro, so I can’t help but wonder 😂
The problem with Open Sans is too much personality that it loses symmetry and becomes clunky. Inter is still the Helvetica of UI design. For projects that require font with personality that is more apparent, I go with Libre Franklin. Gorgeous numeric characters too which is excellent for dashboards. Another consideration I make when choosing is distinct but subtle difference in weight between 400-----------500-------600----------700. I like my 500 closer to my 600 than 400 are to 500 or 600 to 700. if that makes sense
Open Sans reminds of Trebuchet…or one of those other sans serif fonts that would come bundled with Microsoft Office. Nice that it’s free, but it’s definitely not ideal.
Hey , can you please make a video that explains the difference between figma pricing plans ( free , proffessional , enterprise) , I wanna know whether should I upgrade or not 🖤🙂
I've introduced open sans to my company who was using Roboto. Building the design system and implementing it, something I noticed were (a.) letter spacing can somethings look weird depending on size (b.) browser rendering on font-weight is not stable
This was a great video. Can you please create a video about how to get better at becoming a UI/UX designer? How do you practise, what resources to look at, and should you blindly recreate dribble shots?- some of them are bad UX. How to grow from a junior to senior level designer?
Nice video Mizko...so are you saying we can’t use any of the fonts u mentioned in a mobile app design for either iOS or Android asides SF and roboto fonts?
Mizko, what are your thoughts on Mona Sans? Personally, I've found it much more useful than Switzer, since it is cleaner, and has variability and even expansion that puts it on par with Apple's SF Pro expanded variant.
68-70% is recommended Inter-69% x to y. Legible and simple. Space Grotesk- 70% bit of a personality, eye-catchiness, but has that rigid, squarely techie feeling, not very versatile
I have a question Mizko. I'm really torn between UI/UX Design and Front end development. I used to be a developer but I like UI/UX. Which one should I choose? My heart says UI/UX design but my mind says development as the salaries for web developers are higher than designers.
UX is logic and strategy. Ui is very creative and artsy. I think UX is probably more suitable for you in terms of personality. But also depends if you wanna work in big or small company. In smaller company from my experience you need both with the emphasis on UI. I’ve worked with a few UX designer who isn’t so great at UI so they got let go pretty quick.
I'm looking for opinions on scripts as display fonts, but I find almost nothing, mostly "Top 10 beautiful scripts" but no opinions on pairing. I'm using a tutorial for a freelance site to create a freelance site targeted at floral or botanical type jobs, so I figured that might lend to the aesthetic. All I can figure, is to use it very sparingly & large H1 sizes, & perhaps my body font to use H2 or H3 & under, strongly leaning toward Dexa Round. Any opinion on Script + Body pairs & why?
thank you mizko for all those crusty tips, you used a lot fontshare, i saw it's free but not open source, are there any limitation or we can use it normally ?
Open source means people are allowed to change and alter the font. That’s obviously something Fontshare does not allow. If you just want to use fontshare fonts for personal and commercial use, that’s totally fine.
Probably not that much for UI design? User interface design means you are dealing with all of the smallest clickable elements of the site. Not the main content or information of the site.
I want to be clear, Inter was not designed by Wei Huang. It was created by Rasmus Andersson. I mixed up my slides. I apologise!
👉Watch next
How to TRANSITION from JUNIOR to MID-LEVEL as a UX/UI Designer - ruclips.net/video/WsatnytxIss/видео.html
How to Present a UX Case Study in a Job Interview (Download Template) - ruclips.net/video/ZVZfWfqmRBY/видео.html
Create STUNNING Interactive Presentations | Figma Tutorial - ruclips.net/video/SN3t8qiTa2Q/видео.html
Yours truly,
Mizko
Also, it's painful for me to hear Inter is a Google Font.
Hey Mizko. I really appreciate you and what you do. You are such a gem for the UI/UX design community. Love you!
Thank you Aqib!
thhhhhhhhhhhhhhhhhhankssssss so much Mizko! You just saved me. I was looking for an Open Type Font for my branding with super readability in blog posts. I was looking for the best font reading blo gpost here and there but no luck. Spend 7 hours got no font.
But suddenly I realise I have watched this video when it was released. I just watched the video without noting down anything as I just love watching your videos.
When it hit my mind I immiditenyl came and watched the Full video. Now I decided to go for Switzer. Thank you once again.
I’ve been LOVING DM Sans lately. Did a whole rebranding 😊
It looks best as a Heading font in Bold.
Work Sans and Intern are Perfect, when in doubt use any one of them.
100%
Grotesque fonts are game changers. Imagine having a cool grotesque font for the header and inter for body 😍
Grotesques are beautiful but more appropriate for projects with larger real estate imo!
This is the nerdiest thing I have read in a long time, and I like it.
Wow, I already knew you after watching your story on RUclips about a year ago, and today I saw some of your videos where you teach things, and I am so happy that I found your channel! Such great and useful tips!!!! Thanks!
Thank you so much Sohye :) Glad you enjoy the videos.
I am glad I am not the only one who noticed Open Sans has a weird almost unfinished look about it. My go to font is Product Sans since google material designs is moving away from Roboto I read in an article somewhere. Will be saving this video for future referrence
Inter is life :)
🙌
Inter IS life. I have an addiction to customizing my phone. I've used inter for a while as my phone's font. I've tried helvetica and even google sans. Idk what to do next so I'm going mad
If you want to learn the parts of letterforms and the terminology used, check for books on typography and typeface / font design. -- baseline is the bottom of the capital and lowercase letters, where things sit, the line you write on with ruled notebook paper; x-height is the height of most lowercase letters, the top of the x; ascenders, the parts of lowercase letters that go above the x-height; descenders, the parts that go below the x-height; (not tails, though tails are common terms, informally) cap-height, the height of the capitals, often not the same as the ascender height; there are plenty of other terms too.
ChatGPT is my professor. I wanted to know what the difference between aperture and counter was. Explained it as if I was enrolled in a typography course at a University.
This video should be rated first on all font related videos
First font already catched me for my current client's webapp. I used to work only with standard fonts but this is insane
Inter & Source Sans + Serif are pretty much my go-to open source fonts.
Just found the channel and enjoying the content! Appreciate the review of each of these fonts too. One font that I've been using in some projects is Atkinson Hyperlegible. With a nod towards accessibility, I appreciate the aim of both legibility and readability. For someone with poor eyesight, it's easy on my eyes to have the curved terminal on the "l" and serifs on the "i" and "I". It may not have the large variation of weights and styles but it helps to keep the typography simple.
I can't believe literally no one is talking about how satisfying Nice tutorials voice softs.
As somebody who studied typography I feel the same about the open sans :-)
Nice video.
Outfit, Montserrat, Satoshi & Inter are my Go To
Typeface is a family of fonts, eg. Helvetica, a font is the weight, eg. Bold.
Great video Mizko!
Will be a good idea to shoot one video, especially for Fonts but when we need to use them in a Multilanguage site, and with this I mean a Real variety - English, Korean, Turkish, Greece, Bulgarian, Thai, Arabic, etc and to show which fonts are best for multilanguage sites.
Great fonts Mizko, thank you
Thank you Pedro!
This videos and all the comments are priceless, thanks all!
I recently used Inter in one of my project. It is such a beautiful font.
It's perfect!
Inter is life :)
Open Sans does feel softer. It feels a tiny bit closer to Serif than the others. Inter and co feel more structured.
I’ve always gravitates to Gotham and Proxima Nova. My two old faithfuls 👌🏻
Proxima Nova is the OG.
Inter and Space Grotesk are my go to!
🤙🏼
Hey Mizko! Great video again, thanks for keeping us in the loop. Recently started to use Poppins in one of my projects, I was wondering what do you think about that? Thanks.
Thank you! Poppins is also a great font that I overlooked since I haven't used it in a while.
Here is a better list- my personal collection over the years. Please tell me know what you think about them:
($ = paid font)
*Top-tier*
Gotham $ (best font of all time)
Circular Std (close second)
Karla (paired with Domine)
Monolisa $ (best coding font)
Exo 2
Aleo
*Mid-Tier*
Catamaran
Cocogoose
Meslo LG M Regular for Powerline (another good coding font with glyphs)
*Low-Tier*
IBM Plex Sans
SF Pro Text (Apple's font that can be downloaded for free)
Roboto
Acme
Assistant
Asap
Colflax $
how to use these on figma, on google i could just download their files
@rishikav389 if you install the fonts then restart figma, they should appear in the menu
Really brilliant walk-through Mizko! Love those digital ink traps in some of the fonts we see nowadays…like Space Grotesk.
i love my Roboto,Poppins, Rubik, Atkinson hyperlegible, Jost* and Bodoni*
I completely agree about Open Sans. It always felt like it was 'flimsy' and not as 'stable' / 'strong' as most other fonts I would prefer. Bit too 'skinny'?
The thing you said about open sans is true and I felt that too, something missing in opensans.
Thanks for your time bro, it's really usefull! Can you create a video about design systems and guidelines with examples?
Hi Mizko! Thanks for the video! I'm definitely going to lean on some of these typefaces. I feel the same way about Open Sans..something about it feels dated to me. Worth mentioning that San Francisco can only be used on native Apple designs unless you have permission (as far as I know).
Great post Mizko!
Incredibly helpful video as always. Thanks Mizko
Hey Mizko, can you talk more about slab fonts?
Nice color theory class Mizko
Thank you!
Thanks.. Inter is the best for Clarity
Boring typface, among the sans serif only adobe clean is suitable
Just what I needed. Thanks :)
I gotcha!
What about poppins? When I first started learning UX/UI, a lot people were using poppins so it stuck to me ever since if I needed to fall back on something basic and easy to pair.
Poppins is also a great geometric font! I haven't used it in a while and overlooked it. I would also add it to the list if I could!
My fav for a while.
Hey Mizko, ty soo much for ur content. I started in the field of UX/UI Design approx. 4 months ago and ur videos are always a very good go-to for me when tackeling new challenges at work. Currently a system i am working on is using Roboto (systemwide). What do you think of the font and is it good to have the same font everywhere or should it be combined with others? Again Thanks a lot! Keep up the great work!
Greetings from Germany =)
Awesome Chief Bacon! As mentioned Roboto is a great system font for Android. There is no need to change it if that's what the organisation wants to use. As you become more experienced, you'll learn to manage stakeholders and introduce new fonts system-wide. But as you're just starting out, sometimes it's best to go with what's already working. Just learn the ropes of the game.
Hey @@Mizko thx a lot for the answer =) yea unfortuantely we are using Roboto for both, Android and IOS which made me sceptical. But yes, i agree regarding "going with what's already working". But then again when trying to change the Type-system for a whole software later on, won't that cause a lot of issues regarding spacing/breaks looks of features?
Thanks for sharing!
I only use Open Sans Light. I feel that Open Sans can compete with Header or Headline Fonts, so I try my best not to use it for big projects. I agree, it does feel loose; but its a two for one font system that can be used in print and digital spaces.
Your designs must look ugly af
@@fortyozsteak Actually im a Product Designer for a reputable educational company; my designs are functional, interactive, accessible, and most importantly used. Please keep your sour comments to yourself.
@@norvisnorvis7592 lol and what’s your point they still look bad.
@@norvisnorvis7592 reputable education company… there are no reputable education companies…
@@fortyozsteak Blah... u have no idea.
No mention of Atkinson Hyperlegible? Which is literally a font created for this exact thing. I use Atkinson Hyperlegible for all body text.
I need to check this one out! Thanks
Thank you for teaching me about x-height; it’s good to know there are some relatively straight forward and measurable characteristics to consider when choosing the right font. Naturally I arrived at Inter while looking for an alternative to SF Pro that I could use for desktop publishing. At least it appears sufficiently legible on paper as well. But I have wondered about whether even SF Pro Display being a “display” font is the correct tool for the job. In any case, I can see there are a few inter fans here as well 👍 I am morbidly curious about the engineering process and mindset that goes into making something like Inter. A friend of mine one alluded to the use of adversarial networks in the course of typography but I wouldn’t even know where to begin. Apple gives me the impression that they’re very proud of SF Pro, so I can’t help but wonder 😂
Boring typface, among the sans serif only adobe clean is suitable
Segoe UI - System font: Windows :) also good!
Inter, Space Grotesk, Work Sans, Dm Sans, Satoshi, Supreme, Switzer, open Sans
The problem with Open Sans is too much personality that it loses symmetry and becomes clunky. Inter is still the Helvetica of UI design. For projects that require font with personality that is more apparent, I go with Libre Franklin. Gorgeous numeric characters too which is excellent for dashboards. Another consideration I make when choosing is distinct but subtle difference in weight between 400-----------500-------600----------700. I like my 500 closer to my 600 than 400 are to 500 or 600 to 700. if that makes sense
Open Sans reminds of Trebuchet…or one of those other sans serif fonts that would come bundled with Microsoft Office. Nice that it’s free, but it’s definitely not ideal.
@@MrVisde 💯 Trebuchet. Good spot 👏👏
These are all so similar, I'm finding it hard to pick one to use
Thanks a lot man for this info 😊
Very helpful. thanks
what about Poppins? it seems to be a very popular font and im curious to know what you think of this font for body text in websites and app
You are incredible. Do you have workshops or any talk show in Australia?
Thank you!
Hey , can you please make a video that explains the difference between figma pricing plans ( free , proffessional , enterprise) , I wanna know whether should I upgrade or not 🖤🙂
I personally like Archivo, Alegreya family and IBM PLEX family. I wish I could use Univers or Graphik for my layouts but they are too expensive.
Not if the company or client pays for it :)
@@Mizko I guess you are correct. :)
I've introduced open sans to my company who was using Roboto. Building the design system and implementing it, something I noticed were (a.) letter spacing can somethings look weird depending on size (b.) browser rendering on font-weight is not stable
I'm having issues with Open Sans and figma in terms of spaces and alignments. Weird behaviours.
This was a great video. Can you please create a video about how to get better at becoming a UI/UX designer? How do you practise, what resources to look at, and should you blindly recreate dribble shots?- some of them are bad UX. How to grow from a junior to senior level designer?
I'm using Aleo Italic for my game UI
my fav is SUPREME
Love this👌🏿
👌🏼 Gotcha back!
I would love to see a serif version of this code
Inter is my favourite.
You should provide the links here for your subscribers so that they can easily find the resources
Nice video Mizko...so are you saying we can’t use any of the fonts u mentioned in a mobile app design for either iOS or Android asides SF and roboto fonts?
Only if you don't want to use third party fonts. You can stick with system fonts.
@@Mizko thanks mizko, it’s clear now
Space Grotesk ftw!
inter is love
Inter is life
@@Mizko love is life
and also inter
awesome video, thank you.
you said to avoid helvetica and arial, why so if i may ask?
What font did you use for the Splash text?
Mizko, what are your thoughts on Mona Sans? Personally, I've found it much more useful than Switzer, since it is cleaner, and has variability and even expansion that puts it on par with Apple's SF Pro expanded variant.
Thanks for the video Mizko. What about Google font Poppins? Most of the time we use poppins font for our clients work.
Lots of people have also suggested Poppins. It's a great geometric font. I haven't used it in a while and overlooked it :)
I've always thought Inter was created by Rasmus, one of the early Spotify designer, no?
I 100% must have gotten my slides mixed up. It is indeed by Rasmus Andersson.
Hey Mizko are you going to make a UX/UI course?
I’ve been working on it for last 2 months. WIP!
Any coupon code for your Ultimate Figma Masterclass Course?
Hi, thanks for the suggestions for these fonts.
Is Poppins & Montserrat outdated? I use SF pro, Poppins, and Roboto a lot.
68-70% is recommended
Inter-69% x to y. Legible and simple.
Space Grotesk- 70% bit of a personality, eye-catchiness, but has that rigid, squarely techie feeling, not very versatile
I have a question Mizko. I'm really torn between UI/UX Design and Front end development. I used to be a developer but I like UI/UX. Which one should I choose? My heart says UI/UX design but my mind says development as the salaries for web developers are higher than designers.
UX is logic and strategy. Ui is very creative and artsy.
I think UX is probably more suitable for you in terms of personality.
But also depends if you wanna work in big or small company. In smaller company from my experience you need both with the emphasis on UI. I’ve worked with a few UX designer who isn’t so great at UI so they got let go pretty quick.
The money will come when you follow your heart.
Which font is highly recommended
Thankyou :)
🙏
Hi mizko nice video
I want to ask is it necessary to be creative to become ux designer
Hey Jawad, I genuinely believe UX designer is more science than creativity.
Thanks for introducing nice fonts. Why avoid helvetica and arial? Is it because they are overly used and not very legible?
This video makes me feel exposed... I use Inter and Space Grotesk together for my personal website :)
@Mizko What is the best font to pair with Inter in UI for titles?
Hi! Thanks for nice video. I just wonder if there is any Serif font for UI? or is there any reason why not using Serif?
I'm looking for opinions on scripts as display fonts, but I find almost nothing, mostly "Top 10 beautiful scripts" but no opinions on pairing. I'm using a tutorial for a freelance site to create a freelance site targeted at floral or botanical type jobs, so I figured that might lend to the aesthetic. All I can figure, is to use it very sparingly & large H1 sizes, & perhaps my body font to use H2 or H3 & under, strongly leaning toward Dexa Round. Any opinion on Script + Body pairs & why?
thank you mizko for all those crusty tips, you used a lot fontshare, i saw it's free but not open source, are there any limitation or we can use it normally ?
Open source means people are allowed to change and alter the font. That’s obviously something Fontshare does not allow.
If you just want to use fontshare fonts for personal and commercial use, that’s totally fine.
@@Mizko alright i understand now. thank you very much mizko.
Livvic realy easy to read
you have mentioned all the fonts which are sans serif. Isn't the serif or cursive font required for the design purpose?
Probably not that much for UI design? User interface design means you are dealing with all of the smallest clickable elements of the site. Not the main content or information of the site.
When should I use Fredoka one regular
I recently used ( Work Sans ) on a client project, It's really not a good font because of it's space between, This font don't look good.
You don't have to stick with the default letter spacing. You can adjust this.
IBM Plex Sans is great. (Google Font)
Hey Mizko. Interesting how do you get x - height 69% for Inter? My calculation and according to some tools online is 75%!!!!!
Which online tool did you use?
LIKE, THANKS BRUH!
Inter was created by Rasmus Andersson
You are 100% right Anthony! I have amended my pinned post to outline this!
I have a question, how do you put font weight and color in a scale of 1-1000, I have been struggling for long with that
Great question Chris, refer here: developer.mozilla.org/en-US/docs/Web/CSS/font-weight
@@Mizko Thank you Mizko
Inter, grotesk, work Sans, satoshi, supreme, switzer, open Sans,
Where to get these fonts?
im having a problem when i put gms and na the patter "app" it doesnt soft like what it was in the video its a loud annoying soft
Among the sans serif typefaces, only Adobe Clean and Ubuntu are suitable and beautiful
how about raleway....give some review