9

Best Fonts for UI Design

over 3 years ago from , UX/UI/Product

Hey!

I know there are some posts regarding this topic but they are pretty old. I wonder which are your favorite fonts for UI, specially Mobile and why. I'm on a middle of a project and have already chosen San Francisco but I'm considering other alternatives.

Also, the client likes Museo Sans and I need some arguments to avoid... Any advice? :)

Thanks all

17 comments

  • Bryan Carvalho, over 3 years ago

    What's wrong with Museo Sans?

    As with anything, it depends... Any additional context?

    5 points
    • Dirk HCM van BoxtelDirk HCM van Boxtel, over 3 years ago

      Yeah. This is a bit like asking what colour I should use for the cape of the super hero I'm drawing. Kinda depends on the hero's powers, rest of his outfit, style of the drawings, etc etc etc.

      So... what does the app do? What's the target audience? What do you know about your audience? What's the philosophy/goal behind the product? What are you displaying?

      (You might even end up with multiple fonts!)

      4 points
  • Laurens SpangenbergLaurens Spangenberg, over 3 years ago

    I don't think there is a "best" UI typeface, rather it's a question on what is the most appropriate for what circumstance.

    4 points
  • Mike AbbotMike Abbot, over 3 years ago

    I almost always use the same principle when doing UI work. It involves using only 2 fonts in entire app. Choose one font to make you stand out or for branding. I use this font for titles, numerals etc.. The other one should always be either San Francisco (iOS) or Roboto (Android) and I use it for everything else.

    Native fonts have great readability so use them!

    3 points
  • Josh McKenzieJosh McKenzie, over 3 years ago

    I really like Source Sans Pro. It's a free font family with many weights. It was designed by Paul D. Hunt for Adobe and was specifically designed for use in apps.

    Here's the original blog post from 2012 that launched the typeface:

    Source Sans Pro: Adobe’s first open source type family

    2 points
  • Vince RenfroVince Renfro, over 3 years ago

    Source Sans Pro, Avenir Next, Myriad Pro, Lucida Grande, Verdana

    2 points
  • Randy M, over 3 years ago

    If you don't want to use the system font then I recommend Circular. It has many weights, scales wonderfully, and it has a tall x height which helps readability.

    1 point
    • Jeff L, over 3 years ago

      What? Why Circular? Aside from it being very expensive, and incredibly overused within the last couple years; you have no context about the application to make such a recommendation.

      3 points
      • Randy M, over 3 years ago

        Pretty sure I made my choice clear. It has a ton of weights, it scales nicely, large xheight contributes to readability. It's a geometric sans-serif that would literally work in 90% of layouts. If San Francisco works, Circular works.

        2 points
        • Jacky S, over 3 years ago

          Circular has a distinct character which doesn't work in all situations

          3 points
          • Randy M, over 3 years ago

            The guy asked for our favorite UI fonts, I told him. You guys are allowed to a have a different favorite than me, it's OK. Some of ya'll need a hug.

            1 point
        • Duke CavinskiDuke Cavinski, over 3 years ago

          Disagree. I think Circular has a very humanist feel, which could be totally inappropriate, regardless of the other factors you mentioned.

          0 points
  • , over 3 years ago

    Hey guys!!!

    Thank you so much for all the comments :D

    More context: The UI it's for a Parking app like Parkwhiz, Parking Panda or Spot Hero. Nowadays users are between 35 and 50, mainly tourist on holidays but one of the main scopes of the app is to serve new and younger users on cities who want to use a parking just a few hours (instead of days)

    Museo: I just wanted to hear if anyone has arguments agains it as a mobile UI font (legibility problems or other issues)

    Favorites: of course, I also wanted to hear your favorite fonts for UI design... Maybe there are some hidden gems I'm missing :)

    Thanks all!!!

    0 points
  • Duke CavinskiDuke Cavinski, over 3 years ago

    You want us to shit on Museo Sans?

    I don't have much to add from what others said, but, if you want to just pick and choose patterns from a trends list, you're gonna burn out in this industry hard.

    0 points
  • Account deleted over 3 years ago

    If I design iOS app then it is very probable that I will just stick to San Francisco. It looks good, users are used to it.

    0 points
  • Amanda Erickson, over 3 years ago

    It depends on a few things:

    Branding: is this an existing brand or is it new? If existing, stick to the brand guidelines around font usage. If new, consult with the business and set up some typography guidelines that are compatible and fit with their brand. Also, make sure the font can be used across all collateral (including print). Once you pick the styles, put a guide together for the business explaining the choices you've made.

    Usability: there's a reason why people prefer system fonts. They're legible and you don't have to worry about loading time. (San Francisco is the system font for iOS). Also, some fonts are harder to read at a smaller size. If your app uses a lot of small font sizes, you might want to consider using one that performs well at both large and small sizes. This may be more than just picking a font, but also make sure your type is accessible (http://webaim.org/techniques/fonts/), and passes the contrast ratio (http://webaim.org/resources/contrastchecker/).

    In terms of picking a font, Google Fonts is always a great go-to. Some pretty solid sans-serif ones there are Open Sans, Roboto, Source Sans Pro, and Work Sans :)

    0 points