Articles on: Branded Tracking Page

Add and Use Custom Fonts for Branded Tracking Page

Plans: Premium, Enterprise Platforms: All Platforms


Overview


As an eCommerce merchant, maintaining consistency in colors, logos, and fonts across all platforms and outputs is crucial for brand identity. Therefore, you no longer need to depend on AfterShip’s default font for tracking pages. AfterShip lets you upload and add custom fonts you designed or purchased to keep your brand identity consistent and unique across tracking pages. The article demonstrates this process by adding custom fonts to a Shopify store.


What you’ll learn



Shopify users can upload them to Shopify files, while others can use services like Amazon S3, Google Storage, Cloudflare R2, or any cloud storage provider.


How to upload a custom font on Shopify


  1. Download a custom font from the web or use your own designed font.
  2. Open your Shopify dashboard.
  3. Go to Content> Files.



  1. Click Upload files.
  2. Select your custom font file and upload.


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


  1. 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


  1. Log in to your AfterShip Tracking admin account.
  2. Navigate to Tracking pages > Select the tracking page and click Edit.



  1. Go to the Style tab and click Fonts.



  1. Click Manage custom fonts > Add fonts.



  1. Choose how to Add the font: upload file or import URL.



  1. Click Select Files and choose a font file to upload or drag and drop > Add.



  1. Or paste the font URLs by different font weight > Add.



  1. The added font will be displayed under the Custom fonts section.



You can now use your custom fonts to style display, body, title, including different components across your page primary buttons, text boxes, tabs, and pills. Click Customizeto change font.



A maximum of 20 custom fonts can be added.


Key takeaways


  • Maximum upto 20 custom fonts can be added to maintain brand consistency.
  • Shopify users can upload fonts via Shopify files.
  • Use cloud storage like Amazon S3, Google Storage, or Cloudflare R2.
  • Supported font formats: woff, woff2, otf, ttf.
  • Add custom fonts either by uploading files or importing URLs.
  • Always check the font’s license agreement before uploading.


Troubleshooting


1. Why do I continue to see the error “The font file must be woff, woff2, otf, or ttf” despite my font is 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 *.aftership.com 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: 24/09/2025