Installation Guide
The design system needs fonts to work properly. They’re also exposed in a separate package with all the needed ressources.
To install and save this package in your package.json dependencies, run:
npm i @cegid/fonts
Then import it at the root of your application, webpack will handle the rest.
import "@cegid/fonts"
If this isn’t working, you may be required to add custom css loaders to your webpack configuration.
Exemple
Headline 1 / Poppins Light
Headline 2 / Poppins Light
Headline 3 / Poppins Regular
Headline 4 / Poppins Regular
Headline 5 / Poppins Regular
Headline 6 / Poppins SemiBold
Body 1 / Roboto Regular
Body 2 / Roboto Regular
Subtitle 1 / Roboto Regular
Subtitle 2 / Roboto Medium
Overline / Poppins SemiBold