Custom fonts are a fantastic way to infuse personality and uniqueness into your Showit website. Whether you’re creating a brand identity or just adding a touch of flair, using custom fonts can elevate your design. In this tutorial, we’ll walk you through the process of purchasing, preparing, and uploading a custom font to your Showit site.


Step 1: Purchase a Custom Font

Before you can upload a custom font to Showit, you need to find and purchase a font that fits your brand. Here are a few places where you can purchase high-quality fonts:

  • Creative Market: A popular marketplace with a vast selection of unique fonts from independent designers.
  • MyFonts: Offers a wide variety of fonts, including exclusive and trending options.
  • Fontspring: Known for fair licensing terms and a wide range of professional fonts.

When purchasing a font, ensure you obtain a webfont license that allows embedding on websites. This is crucial for legal usage on your Showit site.


Step 2: Check the Font File Format

Showit supports the .WOFF (Web Open Font Format) file type for custom fonts. Many font purchases include .OTF or .TTF formats, but these will need to be converted to .WOFF before uploading.


Step 3: Convert Font Files to .WOFF

If your font doesn’t include a .WOFF file, you can easily convert it using an online tool. Here are a few reliable options:

  • Font Squirrel: Upload your font file, and it will generate .WOFF files for you.
  • Transfonter: A simple and user-friendly tool for converting font files to web formats.

To convert:

  1. Upload your .OTF or .TTF file.
  2. Select the .WOFF output format.
  3. Download the converted .WOFF file.

Step 4: Upload the Font to Showit

Now that you have your .WOFF file, it’s time to upload it to your Showit website.

  1. Open your Showit Dashboard and navigate to the Design Settings.
  2. In the Text tab, click on Manage Fonts at the bottom of the font list.
  3. Click Upload Font and select your .WOFF file.
  4. Name your font for easy identification and save.

Step 5: Set Up Your Font in Showit

After uploading your custom font, you can apply it to your website design:

  1. In the Text tab of Design Settings, locate your uploaded font under the “Custom Fonts” section.
  2. Assign the custom font to headings, body text, or any other text style in your design.
  3. Preview your changes to ensure the font displays correctly.

Final Tips

  • Test Your Font: Always check your website on different devices and browsers to ensure the custom font renders properly.
  • Keep a Backup: Save a copy of your font file and license information in case you need to re-upload it later.

By following these steps, you can seamlessly integrate a custom font into your Showit website and create a design that truly reflects your brand. Happy designing!

How to Add a Custom Font to Your Showit Website

December 31, 2024

LET'S WORK TOGETHER LET'S WORK TOGETHER LET'S WORK TOGETHER LET'S WORK TOGETHER LET'S WORK TOGETHER LET'S WORK TOGETHER LET'S WORK TOGETHER

© The Marketing Momma  | Privacy Policy  | Terms & Conditions  |  Return & Use Policy

© The Marketing Momma 
Privacy Policy 
Terms & Conditions 
 Return & Use Policy

I’m a mom of 4 beautiful kids with a successful online business that got started because I wanted to build my dreams of a successful business without sacrificing time with my kids and family.

I’ve been working online for 14 years running online businesses including an online children’s boutique called Barefoot Bella, and The Marketing Momma which has ranged in services from virtual assistant work, OBM, web design, seo and paid ads and now a full service digital marketing agency. I love helping other moms and women put systems in place to shorten their learning curve from the things I’ve learned over the last 14 years working online.

**TMM Creative is the design division of The Marketing Momma corporation.**

contact

BLOG

HIRE ME

about

Home

ABOUT KATE

Follow Along

Contact

RESOURCES