6

I've noticed that many reputable companies (Google, Amazon, StackExchange) have chosen Arial as their web font. Nielsen Norman Group chose Helvetica.

On the other hand, companies like Apple, Facebook and Medium use custom fonts.

What guidelines are there for deciding between using a system font or a custom font on the web?

2

Although I don't know of any guideline for deciding when to use which font, these are some thoughts about the possible reasons. I suspect an important reason to decide if using a custom font or not depends on the goal the user has when visiting the website.

Loading external Fonts will add extra loading time. This means that the content the user came to get will take longer time to arrive as the Font also needs to be downloaded.

From your list, I think users visit with one of these two different goals:

  1. User visits the website to get a specific content/information
  2. User visits the website to spend time viewing the content

(There are users that spend time looking around content in the first group and users who come to get something specific in the second group, but here I refer to the goals from the majority of users or at least the ones the website is possibly most interested in.)

In the first group we can find Google, Amazon, Stack Exchange, eBay where the user comes to get specific information or content and the faster he gets it the better (and the less possibility of users going away). So the Font they use is a Font which won't take any loading time because it is already in the user's computer.

In the second group we can find Facebook, Medium, Youtube which are driven to make the user spend longer time. These website can load external Fonts as the potential time the user will stay is longer.

  • 1
    +1 thanks for typing what I was going to say. 🙂 Make sure there is a really good reason to slow down your site before using a custom font. – DaveAlger Mar 26 '17 at 15:21
  • I think this answer is right, but I think it is also (more?) about the sites that want the users to stay longer care more about aesthetics so they put additional care into picking of fonts. The sites like Google don't care so much about the aesthetics as that just need to ensure content is as readable as possible, it would be like styling the font in a dictionary. – DasBeasto Mar 27 '17 at 12:55
0

The iOS Human Interface Guidelines says:

Make sure custom fonts are legible. Custom typefaces are supported on iOS, but are often tough to read. Unless your app has a compelling need for a custom font, such as for branding purposes or to create an immersive gaming experience, stick with the system fonts. If you do use a custom font, make sure it’s readable.

Implement accessibility features for custom fonts. System fonts automatically react to accessibility features, such as when bold text is enabled. Apps using custom fonts should implement the same behavior by checking whether accessibility features are enabled and registering for notifications when they change. See Accessibility.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.