How to add Custom fonts for custom themes in SharePoint online?

Kandula, Asha 0 Reputation points
2023-02-15T12:57:56.54+00:00

Can we add custom fonts to the custom themes in SharePoint online. I have added the custom font using the application customizer in spfx. but is there any chance to add custom fonts to the custom themes?

Microsoft 365 and Office | SharePoint | Development
Microsoft 365 and Office | SharePoint | For business | Windows
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. RaytheonXie_MSFT 40,471 Reputation points Microsoft External Staff
    2023-02-16T02:48:41.4433333+00:00

    Hi @Kandula, Asha

    Per my research, you can use composed looks to change the Look Wizard to customize the colors, fonts, master page, and background image. Please refer to the following document

    https://github.com/SharePoint/sp-dev-docs/blob/main/docs/solution-guidance/Use-composed-looks-to-brand-SharePoint-sites.md

    But this extensibility option is only available for classic SharePoint experiences. You cannot use this option with modern experiences in SharePoint Online, like with communication sites.

    SharePoint Modern doesn't support such modifications. SharePoint Modern supports limited site theming:

    https://learn.microsoft.com/en-us/sharepoint/dev/declarative-customization/site-theming/sharepoint-site-theming-overview

    You can try to use some third part tool to add custom font such as ShortPoint Theme Builder

    While Microsoft supports and encourages open-source software development, it does not provide technical support for the softwares from third parties, nor does it guarantee that the software will work as described.


    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.


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.