How to Add Custom Fonts to Showit (Step-by-Step Guide)
Choosing the right typography can completely transform your website. Whether you’ve invested in custom branding, purchased a premium font, or simply found a typeface that feels like you, learning how to add custom fonts to Showit is one of the easiest ways to elevate your website.
The good news? It’s much simpler than you might think.
In this tutorial, I’ll walk you through exactly how to upload and use custom fonts in Showit. If you’re more of a visual learner, I’ve also included a quick Loom video you can follow along with.
Watch the Video Tutorial
Prefer reading? Follow the written steps below.
Before You Begin
Before uploading your font, make sure you have:
- Your font file in .WOFF format (You can use Font Squirrel to convert your font files)
- Permission or a commercial license to use the font on your website
- Access to your Showit account
Step 1: Open Your Design Library
Log into Showit and navigate to your Design Library. This is where you’ll manage the fonts available across your website.
Step 2: Upload Your Custom Font
Upload your font file directly into Showit. Once uploaded, your custom font will become available throughout your design, allowing you to apply it to headings, body text, buttons, and other text elements.
If you’re uploading multiple font weights (such as Regular, Medium, Bold, or Italic), be sure to upload each file individually so they’re available when designing.
Step 3: Apply Your Font Consistently
One of the biggest mistakes I see is using too many fonts throughout a website. A beautiful website isn’t about using more fonts—it’s about using them intentionally.
As a general rule, I recommend sticking to two or three complementary typefaces and applying them consistently throughout your headings, paragraphs, buttons, and navigation.
Consistency builds trust and creates a much more polished user experience.
Common Questions
Why isn’t my custom font showing up?
Double-check that you’ve uploaded the correct file type and refresh your Showit app if needed.
Which font file should I use?
Showit supports both .WOFF files. If your font includes multiple weights, upload each one separately. Please note that .WOFF2 files are not supported in Showit.
Can I use Adobe Fonts?
Yes! Depending on your licensing and workflow, Adobe Fonts can also be integrated into your website.
How do I know if I am licensed to use my font?
If you’re unsure, look for terms like “Webfont License,” “Website License,” or “Web Use” in your purchase confirmation or the font’s licensing documentation. When in doubt, it’s always best to contact the font creator or foundry directly before uploading it to your website.
Pro Tip: Just because a font is installed on your computer doesn’t automatically mean you’re licensed to use it on your website.
Helpful Showit Resources
If you’d like to learn more, these resources are worth bookmarking:
Uploading Fonts in Showit (Link to Showit Help Article) →
Font Squirrel Webfont Generator (to convert .OTF or .TTF to .WOFF when your license permits) →
Need a Little Extra Help?
Sometimes it’s not just about uploading a font. It’s about creating a website that feels intentional from top to bottom.
If you’re feeling stuck, here are a few ways I can help:
Office Hours
Need someone to walk through your website with you live? Office Hours are perfect for troubleshooting Showit questions, reviewing your website together, or getting help with a specific problem.
Studio Intensive
Have a growing list of website updates you’ve been putting off? During a Studio Intensive, we’ll tackle your Showit to-do list together—from design updates and new pages to SEO improvements and backend cleanup.
Learn About Studio Intensives →
Website Audit
Sometimes all you need is a second pair of eyes. My Website Audit provides personalized recommendations to improve your website’s design, user experience, SEO, and overall strategy.
Final Thoughts
Uploading custom fonts only takes a few minutes, but thoughtful typography has a lasting impact on how your brand is perceived. Small design decisions like this help create a more cohesive, memorable experience for your visitors.
I hope this tutorial helped you confidently add custom fonts to your Showit website. If you have a question you’d love to see answered in a future tutorial, let me know! I’m always looking for ideas to add to the Showit Tutorial Library.
