How To Change Font In SharePoint

SharePoint offers multiple approaches to customize the font in your workspace, allowing you to create a unique and personalized experience.

To change the font in SharePoint, there are several methods you can explore. In the first source, it is mentioned that there is no supported method to change the default font in the modern experience in SharePoint Online. However, it is suggested to use SharePoint Framework extension application customizer to inject CSS into modern SharePoint pages.

In the second source, it is mentioned that custom fonts can be added to SharePoint using ShortPoint Theme Builder. The process involves uploading the font files to a SharePoint library, obtaining a direct download link, using the @font-face CSS rule to define the font, and adding it to the SharePoint site using ShortPoint Theme Builder.

The third source provides a step-by-step guide on how to manually add custom web fonts to a SharePoint site using ShortPoint Theme Builder. The process involves uploading the font files to a SharePoint library, obtaining a direct download link, creating a @font-face CSS rule, and adding the custom font to SharePoint using ShortPoint Theme Builder.

Overall, it seems that the recommended methods to change the font in SharePoint involve using CSS customization or third-party tools like ShortPoint Theme Builder.

Changing Font with SharePoint Framework Extension Application Customizer

One way to change the font in SharePoint is by utilizing the SharePoint Framework extension application customizer, which allows you to inject CSS and modify the font to your preferences.

To begin, you need to create a SharePoint Framework extension application customizer project. This can be done using the SharePoint Yeoman generator. Once your project is set up, you can proceed with the following steps:

  1. Create a CSS file in your project to define the font styles.
  2. Inside the CSS file, specify the font family, size, weight, and any other desired properties.
  3. Use the extension application customizer to inject the CSS file into modern SharePoint pages.

By injecting the CSS, you can override the default font settings and apply your desired font styles. This method gives you more control over the visual appearance of your SharePoint site.

Example CSS code:


body {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  font-weight: normal;
}
h1 {
  font-family: "Times New Roman", serif;
  font-size: 24px;
  font-weight: bold;
}

Remember to save your changes and deploy the SharePoint Framework extension application customizer to see the font modifications take effect on your SharePoint site.

Summary:

The SharePoint Framework extension application customizer provides a flexible and customizable solution to change the font in SharePoint. By injecting CSS through this method, you can modify the font family, size, weight, and other properties to match your desired styles. This allows for enhanced visual appeal and customization options in the modern SharePoint experience.

Pros Cons
Easy to implement Requires knowledge of CSS
Allows for precise font customization Only applicable to modern SharePoint pages
Provides more control over visual appearance May not be supported by future SharePoint updates

Adding Custom Fonts to SharePoint with ShortPoint Theme Builder

Another method to change the font in SharePoint involves using ShortPoint Theme Builder, a third-party tool that enables you to upload custom fonts, define CSS rules, and seamlessly integrate the fonts into your SharePoint site. With ShortPoint Theme Builder, you have the flexibility to choose from a wide range of fonts and effortlessly customize the typography of your SharePoint pages.

To get started, you need to upload the font files to a SharePoint library. Once uploaded, obtain the direct download link for each font file. With the download links in hand, you can now create a @font-face CSS rule, specifying the font family name and the location of the font files.

After creating the @font-face CSS rule, you can add the custom font to your SharePoint site using ShortPoint Theme Builder. Simply navigate to the Theme Builder settings, select the appropriate theme, and locate the typography section. From there, you can apply the custom font to different elements of your SharePoint site, such as headings, paragraphs, or navigation menus.

By utilizing ShortPoint Theme Builder’s intuitive interface, you can easily enhance the visual appeal of your SharePoint site, creating a cohesive and personalized user experience. The ability to add custom fonts gives you the freedom to align the typography with your brand identity and create a unique look and feel for your SharePoint pages.

Meet the Author

Abdul Rahim has been working in Information Technology for over two decades. Learn how Abdul got his start as a Tech Blogger , and why he decided to start this Software blog. If you want to send Abdul a quick message, then visit his contact page here.