The ONLY 8 Fonts UI Designers Need. Forget The Rest.

00:00 - Font Accessibility Criterias
00:40 - Inter
01:41 - Space Grotesk
03:00 - Work Sans
04:10 - DM Sans
05:13 - Satoshi
07:00 - Supreme
07:36 - Switzer
08:33 - Open Sans
10:00 - When in doubt, use system fonts

⏱ Watch next: How to Present a UX Case Study in a Job Interview

===

My Ultimate Figma Design Masterclass (2,500+ students. 90+ Videos. 10+ hours.)

Shipfaster UI - Advanced Figma Design System (2,000+ Designers, 6,000 components and variants, 150+ global styles and 2,800+ media assets)

Outline - Figma Wireframe Kit (350+ components and variants)

Sign up to my newsletter for exclusive content:

Follow me on IG (Daily updates):

===

Level up with me:

[Mizko]

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

Yours truly,
Mizko

[aqibraza]

Hey Mizko. I really appreciate you and what you do. You are such a gem for the UI/UX design community. Love you!

[bobgraphics]

Grotesque fonts are game changers. Imagine having a cool grotesque font for the header and inter for body 😍

[sohye_lee]

Wow, I already knew you after watching your story on Youtube 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!

[HitanshuSahu]

Work Sans and Intern are Perfect, when in doubt use any one of them.

[davidkaruma]

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

[enstantman]

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.

[keysncoffee]

I’ve been LOVING DM Sans lately. Did a whole rebranding 😊

It looks best as a Heading font in Bold.

[benw]

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.

[thomasmichaud]

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.

[MrVisde]

Inter & Source Sans + Serif are pretty much my go-to open source fonts.

[whimsicalcellbooster]

As somebody who studied typography I feel the same about the open sans :-)

Nice video.

[chriswaldron]

Typeface is a family of fonts, eg. Helvetica, a font is the weight, eg. Bold.

[jagannathps]

This video should be rated first on all font related videos

[noahgels]

First font already catched me for my current client's webapp. I used to work only with standard fonts but this is insane

[mitejmadan]

I recently used Inter in one of my project. It is such a beautiful font.

[KuroManX]

This videos and all the comments are priceless, thanks all!

[codekaze]

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.

[desibellsbeats]

Outfit, Montserrat, Satoshi & Inter are my Go To

[MrYuan]

Hey Mizko, can you talk more about slab fonts?