Is it possible to change the font within the box?

W would like to change the all the fonts in the box from default font to Gotham (Fonts by Hoefler&Co.) . how to do it?

Thanks!

Hello Moses! You need to use the @font-face rule in the custom CSS. Check its description on W3Schools.

For example, I downloaded Dancing Script from Google Fonts and uploaded the file to a library on the same site as for the Org Chart page.

Then I set styles:

@font-face {
	font-family: 'Dancing Script';
	src: url('https://mytenant.sharepoint.com/sites/e5evgevs/Shared%20Documents/Fonts/DancingScript-Regular.ttf');
}
 
.pl-item {
	font-family: 'Dancing Script';
}

And here is the result:

Note: everyone who view the chart should have at least read permissions to the font file(s).

@Evgeniy worked like a charm! Thank you!

1 Like