topic Re: How to change font style in Qlik Sense? in App Development

How to change font style in Qlik Sense?

Mon, 08 Dec 2014 18:16:29 GMT

Hello!

Can anybody please tell me how to change font styles in Qlik Sense for Charts? E.g. I want to change the font styles for titles, Dimensions, and Measure values. How can I do that?

Re: How to change font style in Qlik Sense?

Fri, 26 Dec 2014 10:43:05 GMT

Hi -

I don't think it is possible unless at this point. The only thing you can do is to remove titles and increase the size of table, chart. It is only possible when you create a story.

Thanks

Re: How to change font style in Qlik Sense?

Anonymous — Mon, 24 Apr 2017 07:46:19 GMT

Hey,

It's been a while since this topic opened. But I wanted to reply it anyway.You can't change just dimensions or measures or charts font style. You can change all font style in the app screen. If you're on the server follow C:\Program Files\Qlik\Sense\Client\assets\client\client.css. You can see what is the site's css file using developer tools with the browser you're using.

Best regards,

Ogün ADSAY.

Re: How to change font style in Qlik Sense?

EmmaC — Wed, 09 Aug 2017 12:49:48 GMT

hi!

I tried changing the file C:\Program Files\Qlik\Sense\Client\assets\client\client.css, still getting "QlikView Sans".

I am also getting a link to the file qlik-styles.css using the browser's inspector. Anyone could change the font already???

best regards,

Emma

Re: How to change font style in Qlik Sense?

EmmaC — Wed, 09 Aug 2017 13:29:07 GMT

Hi! I edited both the client.css and the qlik-style.css and IT WORKS! I could change the font!!!

regards,

Re: How to change font style in Qlik Sense?

jim_chan — Wed, 11 Oct 2017 03:33:30 GMT

Thats Great. Emma! I am new with Qlik Sense. If its in the Qlik Sense Server, what would be the path directory to all look for client.css and qlik-style.css ?

Rgds

Jim

Re: How to change font style in Qlik Sense?

EmmaC — Wed, 11 Oct 2017 06:35:48 GMT

Hi Jim,

C:\Program Files\Qlik\Sense\Client\autogenerated\qlik-styles.css

C:\Program Files\Qlik\Sense\Client\assets\client\client.css

the new fonts should be placed in:

C:\Program Files\Qlik\Sense\Client\fonts\

And the fonts should be Installable otherwise you'll get errors when opening your mashup in some browsers

(https://technet.microsoft.com/en-us/library/cc958234.aspx)

hope this helps!

regards, Emma

Re: How to change font style in Qlik Sense?

naveenbalanagu — Thu, 16 Nov 2017 22:29:08 GMT

Thanks Emma. This is helpful.

I applied the changes in both the CSS files. The new font is applied only for the title/sub title/footnote etc. But it did not change the visual font style (bar chart x and y axes). Is there a way to change in all places of the visuals?

Re: How to change font style in Qlik Sense?

EmmaC — Fri, 17 Nov 2017 07:48:01 GMT

Hi! I am glad it helped a bit!

You can try editing the following file:

C:\Program Files\Qlik\Sense\Client\assets\external\requirejs\require.js

I edited this one mainly for the colors, but you can try to edit the font there!

regards, Emma

Re: How to change font style in Qlik Sense?

naveenbalanagu — Fri, 17 Nov 2017 15:31:49 GMT

Perfect,it worked. Thank you for your quick response on this .This is what exactly I am looking for.

I am new to QlikSense, so I am just curious to know what will happen to the changes done to the fonts when we upgrade QlikSense to a new version? Will it replace with native QlikView-Sans font? If so, after upgrade we need to modify the files again.

And also the other question I have is, modifying these CSS/JS files will void license agreement with Qlik in any way as we are modifying the content outside of what is available in QlikSense/QMC (as this is not a feature available within Qlik Sense)?

I tried adding the font information (see below) in the mash up CSS file but it did change the font only in few places.

@font-face {

font-family: 'Proxima Nova Rg';

src: url('ProximaNova-Reg-webfont.ttf') format('truetype');

font-weight: normal;

font-style: normal;

}

.qv-object *{

font-family: 'Proxima Nova Rg';

}

Re: How to change font style in Qlik Sense?

EmmaC — Mon, 20 Nov 2017 09:38:44 GMT

Hi!

the files will be overwritten when a new version is installed. We have to modify the files again.

I cannot answer the question about the license agreement with Qlik. If you get an answer, could you please let me know?

thanks,

regards,

Emma

Re: How to change font style in Qlik Sense?

naveenbalanagu — Tue, 21 Nov 2017 20:16:34 GMT

Hi,

I have asked some people in my organization who contact Qlik for installation/support. They mentioned to me that, changing the files that contains Qlik proprietary code may void the license agreement (but the question is how will Qlik identify any such change .) .

So, we decided to use the CSS way of changing the font though it is limited.

https://www.qlik.com/us/legal/license-terms

You may find more information in the license terms document.

Hopefully, someone in this forum may give us more clarity on this.

Thanks

Naveen Balanagu

Re: How to change font style in Qlik Sense?

Anonymous — Wed, 22 Nov 2017 15:01:08 GMT

Qlik Sense still has no solution for changing font style.

Regarding changes in the code - you are right, it could void the license.

I saw one document showing how to change format of numbers - the doc has been blocked by Qlik. Changes in the code are forbidden.

Re: How to change font style in Qlik Sense?

Ralf_Heukäufer — Wed, 22 Nov 2017 19:08:16 GMT

Try this Extension:

Styling Qlik Sense sheets and Objects

With that you can more than only change the font style but changing that is one of the functions

Re: How to change font style in Qlik Sense?

Anonymous — Thu, 23 Nov 2017 08:19:40 GMT

If you want to play with QS - it's fine. Thanks for the link

There is one big problem with extensions - they are not supported by Qlik.

Nevertheless, when it comes to provide stakeholders with dashboards - you cannot risk. And the QS extensions are very risky.

It happend many times that extensions stopped working after QS update or some extensions are just unstable.

That's the reason why we avoid using extensions in our organization.tt

btw, in other solutions such as i.e. Tableau there is a native functionality that allows you to change font style, size, colors etc..

Re: How to change font style in Qlik Sense?

ajaykakkar93 — Wed, 10 Jan 2018 06:59:28 GMT

Updated QS extension object for new versions

http://branch.qlik.com/#!/project/5a4498ea2b249b645b071e16

Re: How to change font style in Qlik Sense?

Anonymous — Thu, 12 Jul 2018 09:47:31 GMT

I use https://fontstyle.org/ and it works for me.

Re: How to change font style in Qlik Sense?

ryan_newell — Wed, 08 May 2019 13:29:30 GMT

I have managed to change some fonts in Qlik Sense by changing the theme.css file but I'm not able to change fonts within the charts. Can this be done within the theme.css? I don't have access to Qlik Server.

Re: How to change font style in Qlik Sense?

andrejfreitas — Mon, 03 Jun 2019 10:03:45 GMT

Hi Suxahak0, thanks for your contribution.

How do you import that fontstyle object to Qlik sense?

Andre

Re: How to change font style in Qlik Sense?

qlikBegineer — Sun, 12 Sep 2021 13:33:51 GMT

i am very surprised, qliksense is does not have direct option to change the style of data labels and fonts. its very basic feature , as a BI tool it should be there . all other BI tool is having this feature. also customization with source codes is time consuming. so this is a big disadvantage of qlik