Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
Not applicable

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

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

8 Replies
ogster1974
Partner - Master II
Partner - Master II

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
Not applicable
Author

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
Partner - Master II
Partner - Master II

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
Partner - Contributor II
Partner - Contributor II

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
Contributor III
Contributor III

"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
Partner - Contributor
Partner - Contributor

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
Contributor II
Contributor II

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