To update the font in your Table of Contents that is created inside your ClientPoint, go to Settings then click Themes then Advanced Settings, go to Custom Styles - Customize the theme style through CSS sheets. Note: This is not the navigation Table of Contents but the TOC that is created inside the ClientPoint.
To use a different font for the Table of Contents, you'll need to edit the "font-family", for example, in the CSS above, the font family is: font-family:"Times New Roman";
To change the font-family, you'll first have to reference where the font is coming from, I suggest Google Fonts since it's easy to access and supports a web based font.
@import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus&display=swap');
font-family: 'Gentium Book Plus', serif;
Looks like this:
<style>
@import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Plus&display=swap');
body{
font-family: 'Gentium Book Plus', serif;
background-color:white;
}
h2{
top:15px;
font-family: 'Gentium Book Plus', serif;
}
ul.leaders {
color:grey;
line-height:200%;
max-width: 50em;
margin-bottom:0px;
padding: 0;
overflow-x: hidden;
list-style: none}
ul.leaders li:before {
float: left;
width: 0;
white-space: nowrap;
content:
". . . . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
padding-right: 0.33em;
background-color: white;
}
ul.leaders span + span {
float: right;
padding-left: 0.33em;
background-color: white;
}
</style>
Click save once you are done with the update: