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.
Upload a custom font on Shopify
Add the custom font to your tracking page
Troubleshooting
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.
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.
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.
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.
Overview
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
Troubleshooting
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.
Troubleshooting
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 *.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: 18/07/2024
Thank you!