Skip to main content

Custom Font and Color Sync

Set up custom fonts for Text options and automatically match preview text colors to selected Shopify variants.

Written by Lasandra

🎨 Custom Font & Color Sync

Bring your personalization options to life by uploading a custom font for Text options. Shoppers will see their entered text displayed in the uploaded font as they type.

How to Set Up

  1. Open a Text option.

  1. Under Custom Font Settings, click Add file and upload a .ttf font file.

  1. Adjust the font size if needed.

  1. Enable Show preview in separate view to display the preview beside the text box.


🎨 Sync with Variant Colors

Enable Sync color with selected variant to automatically update the preview text color based on the shopper's selected Shopify variant.


👀 Preview Options

The personalized text can be displayed:

  • Inside the text box, using the uploaded font.


  • Beside the text box, when Show preview in separate view is enabled.


This helps shoppers visualize their personalization before adding the product to their cart. ✨

💬 Need Help?

If you need assistance setting up Custom Font & Color Sync, we're here to help!

Click the chat icon in the Product Customizer app to start a conversation with our support team or send us an email at support@productcustomizer.com and we'll be happy to assist. 😊

Did this answer your question?