In this article, we are going to see how to use specific fonts in your app by using the SCSS/CSS section in Colors.

How to add a new font to an app?

Firstly, go in the Colors menu in the AppQuick App Builder editor:

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.