Typography

WFP’s visual identity uses a single font family. Like the logo, WFP blue and the colour palette, this font is characterizing element of WFP’s brand.

Typefaces

Open Sans

Open Sans on Google Fonts

Open Sans is the typeface for user interfaces; it’s a round, humanist sans-serif, with incredibly warm appeal. It can be used for both headlines and paragraphs alike, as well as for interface elements.

Open Sans is used for Latin characters.

• English, French, Spanish, Danish, Finnish, German, Italian, Norwegian, Swedish

Noto Sans

Noto Sans on Google Fonts

Noto is a global font collection for writing in all modern and ancient languages and the fall back font for all languages that are not available in Open Sans.

Noto Sans is used for Non-Latin characters.

• Arabic, Persian, Korean, Japanese, Chinese, Cyrillic

How to use it

Open Sans is already included in the WFP UI’s CSS. If you don’t want to include the font you can use set $css--font-face: false; inside scss.

Default formating

See the Story component for applying default styling