Page 1 of 1

Change Global Default Font

Posted: Fri Sep 15, 2017 8:55 am
by Deon

Hi

Reading this post https://getsatisfaction.com/apperyio/...

I uploaded creatif.ttf to Assets.
This is my CSS

@font-face {
font-family: Creatif;
src: url('../font/Creatif.ttf');
}

Nothing happens. I expected my font to change for the whole app?
Is this not the case?

Please advise how I can change the default font of the app and overide the font currently in use.


Change Global Default Font

Posted: Fri Sep 15, 2017 3:17 pm
by Serhii Kulibaba

Hello Deon,

Different components use their own font-family property. To set it for all components with only one CSS line you can use the CSS below:

pre* {
font-family: cursive!important;
}/pre


Change Global Default Font

Posted: Wed Oct 18, 2017 4:13 am
by Deon

Hi
That does not work. This seems to only change text for certain components. Label text is still similar to Helvitica.

  • {
    font-family: Creatif;
    src: url('../font/Creatif.ttf');
    }

    Adding !important does not work at all.

  • {
    font-family: Creatif!important;
    src: url('../font/Creatif.ttf');
    }


Change Global Default Font

Posted: Fri Oct 20, 2017 6:02 pm
by Serhii Kulibaba

Please check what is the current CSS selector with CSS property "font-family" for that. https://developers.google.com/web/too...