# Fonts

**Right now only Google Fonts can be used!**

This module helps to load fonts with an approach to eliminate FOIT (Flash Of Invisible Text).
It first loads the requested fonts and then updates the corresponding state properties, so all components can
know that fonts are loaded.


## How to

1. Add the name of the font to `modules/fonts/config.js`
2. Change the value of `$font-family-external` to the name of the font in `config/variables.scss`