How to choose the right font license for Framer

For Framer websites, a Webfont license is necessary. This license allows you to use custom typefaces on your web projects seamlessly. Webfont licenses are designed specifically for online usage, ensuring optimal performance and compatibility.

To use your licensed fonts in Framer, you need to upload the appropriate file formats (WOFF/WOFF2) to your team settings. From the Framer Dashboard, navigate to your Team Settings. Here, you can upload the WOFF or WOFF2 files of your custom font. These formats are recommended because they are the smallest, fastest to load, and most performant. After uploading, refresh any open projects to make the new fonts available for use.

WOFF2 is particularly beneficial as it is the smallest format, which means faster load times for your websites. These formats are optimized for web usage, ensuring that your fonts look good and load quickly on the Canvas, Preview, and when you deploy your site. Moreover, these formats are widely supported by modern web browsers, making them a reliable choice for your web projects.

It's important to avoid using Desktop fonts like OTF and TTF for web purposes as they can lead to licensing conflicts and performance issues. Desktop licenses are intended for offline use, such as in design software, and their file formats are not optimized for web usage.

When purchasing custom fonts for Framer, always opt for a Webfont license and use WOFF/WOFF2 file formats. This ensures optimal performance, compliance with licensing, and seamless integration into your Framer projects.