The iOS Font Size Guidelines

In designing an app or website there must be a guideline, this time I want to give a summary of font usage in iPhone and Ipad. Let’s check this out:

Basic typography terminologies are explained in the image below:

The iOS Design Guidelines

iPhone Typography:

Apple has introduced a brand new font called San Francisco, which replaces Helvetica Neue as the default font. San Francisco comes in two forms: “SF UI Display” and “SF UI Text”, while “Display” is mainly used for UI components. “Text” has a larger letter spacing and should be used for longer texts.

Element Size (pt) Weight Spacing (pt) Type
Large Nav Bar Title 34 Bold -0.41 Text
Nav Bar Title 17 Semibold -0.41 Text
Nav Bar Button 17 Regular -0.41 Text
Search Bar 17 Regular -0.41 Text
Tab Bar Button 10 Regular -0.24 Text
Table Header 13 Regular -0.08 Text
Table Row 17 Regular -0.41 Text
Table Row Subline 15 Regular -0.24 Text
Table Footer 13 Regular -0.08 Text
Action Sheets 20 Regular / Semibold 0.75 Display


Spacing and Alignment:

  • Keep a minimum of 8pts distance between border and content
  •  Keep a minimum of 5pts between elements

Spacing and Alignment

You May Also Like…

How to learn UI design

How to learn UI design

UI design is now a very potent money making skill thanks to the advancement of technology and the rise of start-up industries. Both nerds and normies have been racing to master this skill, and if you are trying to join the race, then you can get a head start by reading our article.

Best Books to Learn UI UX Design

Best Books to Learn UI UX Design

Lists of 4 books that must be read for UIUX Design. Some of them are already fairly old, but there are also new ones, but they all have very important things that we need to remember when designing something.

Best Font Size Website

Best Font Size Website

You might have read that article about how to learn UI and now you are curious about the details....


Submit a Comment

Your email address will not be published. Required fields are marked *