Service Portal font

[yundlu316]

I'm new to SP and played around with getting a specific font to render on my page.   In my theme, I have a CSS Include that had the following:

* {font-family: Arial Black,Arial Bold,Gadget,sans-serif;}

a {color: $white;}

a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color: $green;}

When I submitted this, the 'a' colors changed as expected, but none of the fonts changed to Arial Black.   However, when I took the first line out and put it in its own separate CSS Include, all the fonts changed.   My question is do font families have to be in its own separate Style Sheet in order for it to work?

Thanks!

[Bharath40]

Hi David,

Did you try this How do I get my own font on ServiceNow Portal?

[nathanfirth]

That link is for CMS and not Service Portal.

[nathanfirth]

David,

Here is an article I wrote about fonts in Service Portal: https://serviceportal.io/using-custom-fonts-service-portal/

[yundlu316]

Hi Nathan,

Thanks, I followed your directions for the first option and it still doesn't work.   We are working in a scoped app, should the style sheets also be created in the scoped app or global?