3

Best Fonts for UI Design, I use Daily.

 2 years ago
source link: https://uxplanet.org/best-fonts-for-ui-design-i-use-daily-4a7bcffb966c
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
Published in

UX Planet

You have 2 free member-only stories left this month.

Best Fonts for UI Design, I use Daily.

Best Typefaces and Font Resources for UI Designers. 😍

0*cY90WHpUGZenZcrX.png

In this article, I will share my best fonts and teach you how you can find the best fonts for your design. Either you’re doing it for a client project or just for building a portfolio. So stay tuned till the end.

Basics of Font Selection

Some of the things I personally take in mind when selecting a font for my project is that the font should be:

  1. Easy to read: The most essential function of a typeface is to get read; if it is hard to read, then the typeface is not useful.
  2. Have at least 4 weight styles: The style’s weight matters if you’re building a big app with a single font, so always search for it.
  3. Who you’re choosing the font for: If choosing for yourself free fonts are a good option but if for clients then paid fonts might be a considerable option.

Next, I’ll share some of the resources I use for my font selection.

Resources for Font Selection

These websites are great for selecting fonts. There are various kinds of websites for font selection for example.

#1 Typewolf: Trending Fonts

0*I5IdNfANNI4AaXgB.png

Typewolf is a great website I recently found in which you can take font inspiration from various websites and download/use their fonts.

#2 Fonts In The Wild: Collection of Fonts

0*M36yhZl8JE00Mkop.png

A simple website with a great collection of free as well as a Paid fonts and I have chosen many fonts from this website for my projects.

#3 FontShare: My Personal Favourite

0*B0wNQ-JyQt5cIYKL.png

This becomes my favorite website for selecting fonts as there is a great collection of fonts here and the UI is so good and dark.

#4 Google Fonts: Great Free Collection

0*uw8kGYsLtqPLZlpf.png

Google font is old but its collection is what makes it the best resource for font selection, this is great for free and well-researched fonts styles, by well researched I mean these are proven to be the best fonts as they have been used by millions of designers and tested on various products. One of my favorite fonts “Poppins” is the best example of it.

#5 Look at Some Other Websites (Linked Below)

Free Fonts I Use The Most

These websites are great for selecting fonts. There are various kinds of websites for font selection for example.

1. Poppins: Reads Well

0*NHYNpAABaT-J2F5m.png
https://fonts.google.com/specimen/Poppins

This font is my favorite I use this font in my article thumbnails, My portfolio, and many designs, and it fits well in any design. this is good to eyes also.

2. Satoshi: Incredible Looking

0*GiYxRPrBMi1NiYT2.png
https://www.fontshare.com/fonts/satoshi

I found satoshi recently but It beat my other favorites as there are many styles and the line height is good for readability.

3. Montserrat: Different but Simple

0*cfYWwEukgcBiqrOq.png
https://fonts.google.com/specimen/Montserrat

Another favorite for simple products as it is a simple font with some basic differences which makes it easy to read and stand out also.

4. Space Grotesk: Techy

0*uf10i7e3zWcRal-m.png
https://fonts.google.com/specimen/Space+Grotesk

Space Grotesk is new for me, I use this for my techy portfolio designs, this is easy to read with some techy lines and styles which makes it stand out.

5. Lora: Serif

0*8OUQNHtlHXaeOWUP.png
https://www.fontshare.com/fonts/lora

A serif font I use for my websites where I have to make the text stand out and to grab the attention with big headings, I prefer it in big size like headings.

#6 Author: Sexy Font

0*9RcGaxXHGFmhboHX.png
https://www.fontshare.com/fonts/author

This font is nothing but sexy to use as this is simple to read but with some little details in it that you will not notice at first but starts to note when you use it daily. Can be used in any size so try it out now..

Note: I’m not forcing you to use all of these fonts, these fonts are just what I use. I’ve shared resources to find the font that is best for you. thanks.

My Sources & Recommendations


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK