Then, scroll down in the page and enable the Advanced customization section:
In this section you can now add a new font by using the method @import, like this:
@import 'https://fonts.googleapis.odeom/css?family=Ewert';
In this example, we have imported the font “Ewert”. We can now use this font in our app.
How to use the new font(s) in our app?
Still in this advanced section, following our font import, we are going to call the font in our CSS:
.view {
*{
font-family: 'Ewert' !important;
font-size: 30px !important;
}
}
Click on “save”.
In this SCSS example, we can see we are using the font “Ewert” in all our app.
Here are the results:
Before:
After:
