Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Change Global Default Font

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.

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Change Global Default Font

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

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Change Global Default Font

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');
    }

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Change Global Default Font

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

Return to “Issues”