Skip to main content
Version: v1.0

Font

Text is the most direct and clear way of expressing information, and font directly determines whether the text information can be conveyed correctly and accurately. Fonts distinguish the layer and priority of information through the differences in font size, font weight, capitalization, and font style.

The main font used by Zepp OS is Noto Sans. Usage specifications for special fonts are described in the Special Fonts section below.

Font size

Based on the results of user survey, the best reading experience occurs in different scenarios when the viewing distance from the wearable device falls within the range of 25 cm-50 cm and the screen subtends a visual angle of 5 minutes of arc at the eye. Based on the Snellen theory, it has been deduced that on a 1.45-inch AMOLED screen with a display resolution of 480*480 pixels and a pixel density of 331 PPI, the calculation formula for the minimum font size for the Zepp OS main font is Caption1 = 0.0143*331*5 = 23.6665. Rounding up to the nearest integer gives us 24px, so 24px is the minimum size for the main font on this screen. To ensure the readability of text, use this formula to calculate the minimum font size for devices that have different screen sizes.

Font style nameRound screen device 480Round screen device 466Square screen device 390
Caption2242324
Caption1282728
Subheadline323132
Body363536
Title403940

A typographic scale is a progression of font sizes that grow by the same ratio. Use different sets of typographic scales to fit different screen sizes. We use arithmetic progression to define font sizes in a typographic scale, so as to distinguish the information layer of system content and offer a more comfortable and smooth reading experience.

The typographic scale specification table for devices with a display resolution of 480*480 pixels is as follows:

Design

Text box height calculation rules

A text box is a container that wraps text content. Calculation rule for the height of a line of text: line height = font size + 10.

Design

Special fonts

DIN1451

Use DIN1451MittelschriftAlternat for special digits.

Design

ZEPP OS NUMBER

Use the ZEPP OS NUMBER font to fit the screen display during workout and provide a better reading experience.

Design

Font usage rules

Avoid using text smaller than 24 in interface content. Use special digit fonts for prominent large digits.

Design

Design

Design

For more information about Zepp OS font resource downloads, see: Font Resources.