Articles on: Branded Tracking Page

Add and Use Custom Fonts for Branded Tracking Pages

Plans: Premium, Enterprise Platforms: Shopify


As an eCommerce merchant, it is crucial to maintain consistency with respect to colors, logo, font, etc. across all platforms and outputs. AfterShip, in addition to our default fonts, allows you to upload custom fonts that you may have designed or purchased for your brand.

What you’ll learn

Upload a custom font on Shopify
Add the custom font to your tracking page

Please note that you can store the fonts on any network server. For example, if you are a Shopify user, you can upload fonts to the Shopify file. If you are not a Shopify user, you can upload them to other servers, such as Amazon S3, Google storage, Cloudflare R2, or any other cloud storage service provider.

How to upload a custom font on Shopify

Download a custom font from the web or use your own designed font
Go to your Shopify dashboard
Go to Content > Files > click Upload files

Font files must be woff, woff2, otf, or ttf.

Upload your custom font and copy its URL from the Link column

Please read the font’s license agreement and ensure you have permission to use it before uploading.

Add the custom font to your tracking page

Log in to your AfterShip Tracking admin account
Navigate to Tracking pages > Select the tracking page you want to edit > Click Edit

Go to the Style tab > Fonts

Click Manage custom fonts > Add font

Add the name your font
Paste the font URL you copied
Click Add

The added font will display under Custom fonts section.

A maximum of 20 custom fonts can be added

You can now use your custom fonts to style the different components across your page including primary buttons, text boxes, tabs, and pills.


1. I continue to receive an error stating, "The font file must be woff, woff2, otf, or ttf," despite my font being valid.

If your font is valid but you are still encountering a validation error, it is likely because of the Access-Control-Allow-Origin setting of your font, which does not allow us to access it from the tracking pages.

Please reach out to your cloud storage service provider or your IT department if the font is hosted on your own server. Ask them to update the Access-Control-Allow-Origin setting and add * to the allowed list.

If you have any questions regarding the use of custom fonts on your tracking pages, get clarity from our chat support team.

Updated on: 18/07/2024

Was this article helpful?

Share your feedback


Thank you!