FusePoint Fonts Extension Documentation

Type: webpart

Overview

The FusePoint Fonts Extension is a SharePoint Framework (SPFx) web part that enables users to upload and manage custom fonts within SharePoint. It generates CSS for uploaded fonts and centralizes font storage, making it easy to apply branded typography across site collections.

Features

Custom Font Upload: Upload .ttf, .otf, and other supported font formats directly into SharePoint.
Automatic CSS Generation: Generate @font-face CSS rules for uploaded fonts.
Font Folder Path Configuration: Set a specific SharePoint folder (e.g., /SiteAssets/Fonts) to store fonts.
Seamless Integration: Designed to work within SharePoint’s existing content management and styling systems.

How to Use

1. Upload Fonts

Click the file upload area to select font files from your device.
Supported formats include .ttf, .otf, and others.
Uploaded fonts appear in a list with an option to remove them.

2. Generate CSS

Click the Generate CSS button.
The extension creates the required CSS using @font-face.
Copy and apply the generated CSS to SharePoint pages or global stylesheets.

3. Define Font Folder Path

Set the destination folder path where uploaded fonts will be stored.
Default: /SiteAssets/Fonts
Ensure this folder is accessible by your SharePoint site for styling.

4. Save Changes

Click the Save button to finalize uploads and store the CSS/font references.

Conclusion

The FusePoint Fonts Extension streamlines custom font management in SharePoint by offering centralized storage, automatic CSS generation, and easy integration into your design system. It’s ideal for organizations seeking consistent branding and typography across their intranet environment.