Hi @john john
You could format the column to change the font family, font size and font color with this code:
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "div",
"txtContent": "@currentField",
"attributes":{
"class":"sp-field-customFormatter"
},
"style": {
"font-size": "2.0em",
"color": "red",
"font-family":"cursive"
}
}
As a result, the font will be changed:
As to the column header, you need to inject CSS such as:
.cellName-xxx{ font-family: xxx; font-size: xxx; color: xxx;}
You could refer to this for more information:
https://tahoeninjas.blog/2018/05/08/inject-custom-css-on-sharepoint-modern-pages-using-spfx-extensions/
Note: Microsoft is providing this information as a convenience to you. The sites are not controlled by Microsoft. Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there. Please make sure that you completely understand the risk before retrieving any suggestions from the above link.
If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.