Why Is My Custom Font Not Working?

Ensure You Have the Correct Font File Type

When you purchased your fonts, the downloaded folder should ideally include a webfont file, which is different from a desktop font file. Be sure you have the correct webfont file to use when hosting your fonts.

Convert Desktop Fonts to Webfonts

If you only have desktop versions, you can convert them to webfonts using free tools like Font Squirrel or Transfonter. At a minimum, make sure you have a file with a .woff or .woff2 extension for modern browser compatibility. For better compatibility with older browsers, .otf, .eot, and .ttf files are also helpful.

Check for Special Characters in File Names

If your custom font isn’t displaying or styling correctly, check that the file name has no special characters. For example, if your Helvetica font file is named "Helvetica!*Bold.woff," locate the file on your computer and rename it to "helvetica-bold.woff" (removing any special characters).

Verify the File Extension

Finally, confirm that the file extension is one of the following: .woff, .woff2, .otf, .eot, or .ttf. This will ensure compatibility across different browsers.