The second step in the process of defining a visual style of a Mobile White Label Application is choosing the right fonts.
Please note: the first one is defining Colors. Check this article to know more :)
You can choose the fonts from the Google Fonts library or you can use your own custom/premium brand fonts.
The font family should contain three different font weights (Regular, Semibold & Bold), so they can be properly used across the whole application.
Fonts cover all text elements of the Mobile interface such as titles, call to action buttons, and all descriptive text that your customers will use to navigate through the app. In order to avoid potential readability issues, make sure that the readability of the fonts you’re choosing is clear.
- File format: OTF or TTF
- Font with Bold, Semibold, and Regular weight
- Additional font for Headings if necessary (Optional)
Fonts selection and formatting tips
Use these for large headings typically at the top of a page or as a starting point of a section.
Weight in use: Bold
Titles are prominent texts, more appropriate for smaller sections and chunks inside a page.
Weight in use: Bold, Semibold
Most-used style, usually for all texts that are smaller in size, full sentences, and paragraphs.
Weight in use: mostly Regular, but also Semibold and Bold
Defines a default font family for primary, info, and secondary buttons.
Weight in use: Bold, Regular