Support Center

Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Custom google fonts

Anklesh Oct 08, 2016 02:13PM CEST

Hi
Can you guide , how to include google fonts if possible. Can it b customise through scss feature.
Thanks

Up 0 rated Down
support@tigerappcreator.com Oct 11, 2016 10:37AM CEST Xtraball Agent
Hi,

indeed you can use specific fonts in your app by using the SCSS/CSS section in Colors tab.

Firstly, go in the Colors menu in your app editor, 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.

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:

.layout {
*{
font-family: 'Ewert' !important;
font-size: 30px !important;
}
}

Click on “save”.


Sincerely,
The Tiger Team
Sophia
Up 0 rated Down
Anklesh Vishwakarma Oct 12, 2016 04:25AM CEST
hi
Sophia
Thanks alot for your Guidance.
iT works as u Guide.
But i observe that it only takes Changes in fonts of home page panel where all icon are there.
where as in module or folder it shows fonts from defaults.
Thanks

Post Your Public Answer

Your name (required)
Your email address (required)
Answer (required)
support@tigerappcreator.com
http://assets2.desk.com/
false
desk
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete