The CreatorCon Call for Content is officially open! Get started here.

Service Portal font

yundlu316
Kilo Guru

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!

12 REPLIES 12

David, It shouldn't matter... it's just CSS and since the fonts are hosted on Google the scope shouldn't make a difference.



Please validate the following:


  • You are including the font using a stylesheet in your theme (using URL pointing to Google). You should be able to validate wether this is working by searching for the font in Chrome Developer Tools.
  • You have a CSS rule referencing the font, and that you're using the correct name (with quotes if it contains a space)

If it's still not working, please inspect an element on that page that you would expect that use the font, and make sure the style is being applied and has high enough specificity and not being overwritten.


Hi Nath ,


Using Custom Fonts In Service Portal - ServicePortal.io - Service Portal, CMS, and Custom Apps



Option 3 does not work for end users as they do not have access to attachment records how can we fix this.



Regards


sam


Hi Sam,


We are also facing same issue with Option 3 approach. Were you able resolve your issue or any suggestions?



Thanks,


Mahesh.


With help from my teammates, I solved this issue. Create an ACL to allow READ access to the "sp_css" table, within your application scope. That fixed the issue for me!


Hi Amanda,



I do the same , ACL on sp_css table.



Regards,


Mahesh