Typography

Understand how fonts and sizes are determined and utilizing in Rock Mobile.

There are numerous, pre-defined helper classes to help easily determine proven and tested font sizes in your application. These classes are based off of the Apple Human Interface Guidelines.

Style	Size
Title 1	28
Title 2	22
Title 3	20
Headline	17
Body	17
Callout	16
Subheadline	15
Footnote	13
Caption 1	12
Caption 2	11

Examples

These classes are only used to determine the size of font in Rock Mobile. To learn more about setting the color of your text, take a look at our colors documentation.

<VerticalStackLayout>
    <Label Text="{{ CurrentPerson.FirstName }}"
        StyleClass="title2" />
    <Label Text="{{ CurrentPerson.Email }}"
        StyleClass="subheadline" />
</VerticalStackLayout>