How to change the Font type and Font Size of entire App in Qlik Sense?

[#1]

How to change the Font type and Font Size of entire App in Qlik Sense?

[rupamjyotidas]

This might help you

https://help.qlik.com/en-US/sense/3.1/Content/Videos/Videos-basic-styling-app.htm

[ogster1974]

At the moment you a restricted on what you can change style wise in an app. If you have server version you can apply a theme which gives you more control over appearance of the sheet objects but not size or font type.

[Anonymous]

Hi Bhanu,  In Qlik Sense  C:\Users\User\AppData\Local\Programs\Qlik\Sense\Client\assets\client\client.css line no 12575  .qv-object * {      font-family: 'QlikView Sans', sans-serif;      /*font-family:verdana;*/ } find and replace you wish font

[ogster1974]

What happens when you upgrade Qlik or you want to share the app or you need to use different fonts in different apps?  Id stick to looking at themes to manipulate the look of your app as a safer option.

Regards

Andy

[ebapt_cegid]

Hi,

You should upgrade to February 2018 and follow these steps, it's easier than modify theme in 3.x :

https://help.qlik.com/en-US/sense-developer/February2018/Subsystems/Extensions/Content/custom-themes...

If you want to custom the font for the whole app, you should :

- add in your theme.json a link to a custom CSS :

"customStyles": [{

"cssRef": "myStyle.css",

"classRef": "qv-card"

}]

- add a global style for qv-object in CSS :

@import url('https://fonts.googleapis.com/css?family=Roboto');

.qv-object * {

font-family: 'Roboto', sans-serif;

}

Regards

Emmanuel

[lwileczek]

"customStyles": [{

"cssRef": "myStyle.css",

"classRef": "qv-card"

}]

- add a global style for qv-object in CSS :

@import url('https://fonts.googleapis.com/css?family=Roboto');

.qv-object * {

font-family: 'Roboto', sans-serif;

}

this worked to apply my CSS to objects on the page but I want to change the font-size of #sheet-title but When I add the line

#sheet-title {

  font-size: 30px;

}

nothing happens. I'm not sure what the difference is or how to change the title but it's not the right font as the rest of my dashboard or the correct size.

[Erig]

Hi Lwileczek,

I'm in a similiar question, did  you find a solution for the sheet-title?

Looking forward to hearing from you!

BR,

Erik

[NS]

Try this #sheet-title.sheet-grid { color: black; font-weight: bold; font-size:14px; }