Update Custom Fonts in Salesforce Experience/Community Site

So we are going to see how we can update the custom fonts on Salesforce Experience Site. If we want to change the fonts, we have a set of fonts that are available in the community site that we can choose from. But in case if we want to get a new font style we can follow the process. 

 1. Download the .ttf file of the font that you want in your experience site. 

 2. Upload the file in the Static Resource.

3.  Then go to Setup > All Sites > Builder (of site in which font is to be added).

4.  Then select Themes as shown in the image below.



5. 
Select the drop-down and the click on Edit CSS as shown below.





6. Here enter the code as metioned below.




7. Font-family is the alias name given to the font with the help of which we will select the custom font later. Then in the src : url(‘/sfsites/c/resource/ will be as it. Then we will enter the name of static resource which we had created earlier and in the end we will enter our filename.


8. This will be followed by format(‘truetype’).


9. Then finally we will use the format as shown below.





10. After selecting Themes>Font, then select the section where you want custom font.




11. 
Then click on Custom font and enter the alias name that we had entered while defining the custom font.




12. After clicking save, you’ll find the it is set for that particular section.













Comments

Popular posts from this blog

How to create Connected App in Salesforce and get access Token?

Error Logging Framework in Salesforce