What font file types are needed to add a custom font?

We recommend WOFF and WOFF2 as the most practical level of browser support, then adding browser-specific file types as needed

For more information about the best font files for browser support, including the deepest possible browser support, we recommend reading this article: How to use @font-face in CSS.

To check browser compatibility based on your user data, you can type any of these file formats into caniuse.com for a more detailed view.