# How to add custom fonts to your website **URL:** \ **Category:** Elements\ **Created:** [December 10, 2025, 2:58pm UTC](https://forums.realmacsoftware.com/t/how-to-add-custom-fonts-to-your-website/53129 "2025-12-10T14:58:48Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [December 10, 2025, 2:58pm UTC](https://forums.realmacsoftware.com/t/how-to-add-custom-fonts-to-your-website/53129/1 "2025-12-10T14:58:48Z")
I see this get asked frequently on the forum, so I finally got around to [improving the docs and recording a video](https://docs.realmacsoftware.com/elements-docs/elements/theme-studio/font-family) showing exactly how to set up custom fonts in an Elements project. It’s easy once you know how. Watch the video below to learn more: [![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/0/90107bf65f9065bf917b8bcb71ea9c5218b01d88.jpeg "How to use Custom Fonts on your website") ](https://www.youtube.com/watch?v=KdEVDwbr4JU) This video tutorial walks you through adding your own custom fonts to an Elements project. You can use single-weight fonts, full multi-weight font families, Google Fonts, or even system fonts. ---
**Author:** ![ajenks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ajenks/32/34693_2.png) [@ajenks](https://forums.realmacsoftware.com/u/ajenks)\ **Post date:** [December 10, 2025, 4:38pm UTC](https://forums.realmacsoftware.com/t/how-to-add-custom-fonts-to-your-website/53129/2 "2025-12-10T16:38:36Z")
I was trying to add the .woff2 files, that’s why it was crashing on me. Thanks for this video @dan ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [December 10, 2025, 4:44pm UTC](https://forums.realmacsoftware.com/t/how-to-add-custom-fonts-to-your-website/53129/3 "2025-12-10T16:44:15Z")
Those files are supported, so it shouldn’t have been crashing on you. Can you share one so we can test and look into the issue here for you. ---
**Author:** ![ajenks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ajenks/32/34693_2.png) [@ajenks](https://forums.realmacsoftware.com/u/ajenks)\ **Post date:** [December 10, 2025, 6:03pm UTC](https://forums.realmacsoftware.com/t/how-to-add-custom-fonts-to-your-website/53129/4 "2025-12-10T18:03:48Z")
elementsapp://downloadDocument/53E6Hnm9nLf9 Let me add that this project is an import from RW Classic using the beta import feature in elements, and the fonts came in with the import. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [December 11, 2025, 12:16pm UTC](https://forums.realmacsoftware.com/t/how-to-add-custom-fonts-to-your-website/53129/5 "2025-12-11T12:16:33Z")
Had a quick look and Elements couldn’t generate the preview so I’m wondering if there’s something wrong with the font files 🤔 ![CleanShot 2025-12-11 at 12 .14.29@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/8/882bf168575d1797f4a24695fb3062bc307b9d70.png) I’d suggest re-downloading them from Google Fonts and adding them to the project. ---
**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\ **Post date:** [December 11, 2025, 1:58pm UTC](https://forums.realmacsoftware.com/t/how-to-add-custom-fonts-to-your-website/53129/6 "2025-12-11T13:58:11Z")
> [@ajenks](#): > > I was trying to add the .woff2 files, that’s why it was crashing on me. I confirm that the format is fully supported. Any problems could also be related to the font conversion from the original .ttf format. I recommend always keeping the .ttf version in your archive (which also gives you a preview ) and then uploading the .woff2 version to the project. If your FOnt has a free license, you can redo the conversion from .ttf to .woff2 [here.](https://transfonter.org) ---
**Author:** ![Fuellemann](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/fuellemann/32/22871_2.png) [@Fuellemann](https://forums.realmacsoftware.com/u/Fuellemann)\ **Post date:** [December 11, 2025, 2:57pm UTC](https://forums.realmacsoftware.com/t/how-to-add-custom-fonts-to-your-website/53129/7 "2025-12-11T14:57:55Z")
For Google fonts please always use [google webfonts helper](https://gwfh.mranftl.com/fonts) to avoid manual converting. This site allows you to download the woff files directly to be used in Elements. ---
**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\ **Post date:** [December 11, 2025, 4:13pm UTC](https://forums.realmacsoftware.com/t/how-to-add-custom-fonts-to-your-website/53129/8 "2025-12-11T16:13:59Z")
> [@Fuellemann](#): > > This site allows you to download the woff files directly to be used in Elements. Nice!!!