Adding Google Font in Service-Portal

Getting the Google Font Link

1.Select the font from below URL

https://fonts.google.com

2.When you select the font on the above link, please select the “Family Selected” header bar at the bottom right side.

3.Copy the URL of fonts style sheet like below for “Charmonman” Family Class

https://fonts.googleapis.com/css?family=charmonman

Linking the Google Font to the Service Portal Theme

1.Go to the Service portal page-> open the reference record of “Theme”

2.You will get the form like below

3.Select NEW  on the CSS Includes Related list

4.Please put the following values on the form

Name:Google Font—– Any unique name

Source:URL

CSS File URL: https://fonts.googleapis.com/css?family=charmonman

5.Submit the form.

Use the Font in CSS Variables on Theme form

Once you are done, please check the Portal where you have used this particular Theme

About the author

Leave a Reply