Typography Overview Guide for text

Introduction

Two fonts are available to use in Gprime2. Open Sans is the typeface for use in headings, labels and buttons. Roboto is the main typeface for all body text.

@font-face declarations

Both fonts are available via CSS @font-face declarations.

These are universally suppported on all browsers, devices and operating systems and should be used at all times in Gprime2.

The default system font of sans-serif should be included in the font-family CSS rule as the fallback option.

Headings, Labels and Buttons

Open Sans Light

font-family:opensans;font-weight:100;

Open Sans Regular

font-family:opensans;font-weight:300;

Open Sans Semibold

font-family:opensans;font-weight:500;

Open Sans Bold

font-family:opensans;font-weight:700;

Body Text

Roboto light

font-family:roboto;font-weight:100;

Roboto Regular

font-family:roboto;font-weight:300;

Roboto Medium

font-family:roboto;font-weight:500;

Roboto Bold

font-family:roboto;font-weight:700;