Updated: July 26, 2018

Typography

Intro

SAP Fiori uses a set of sans-serif system fonts. Our font stack in CSS includes Arial, Helvetica, and Roboto for Android. These fonts are available for all languages supported by SAP Fiori.

Using these timeless fonts ensures that the fresh, clean, and minimalist style of SAP Fiori is carried over across all SAP Fiori apps. Their design also works well across all browsers, devices, and platforms.

The font stack comes with a full unicode solution for special characters. Since the typography is integrated into the control set, customization is easy.

Aa
Aa
Aa

Basic font styles
28px
1.75rem
Header 1
22px
1.375rem
Header 2
20px
1.25rem
Header 3
18px
1.125rem
Header 4
16px
1rem
Header 5
14px
0.875rem
Header 6
Headline sizes
16px
1rem
Large Text
14px
0.875rem
Medium Text
12px
0.75rem
Small Text
General font sizes