Adding a custom font(s) or icons helps you achieve a consistent look and feel with your brand and helps you stand out form your peers. Follow the steps below to enable custom fonts and icons on Tapcart.
Upload a Custom Font
Open the dashboard and navigate to Brand Kit under the App Studio menu
In the side panel, select Typography
Select Upload Font
Note: the supported file types are .otf and .ttf
Once the font is uploaded, click Save & Update
Important Note: Once you click 'Save & Update a modal will appear where you will agree that you have the license to use the font.
After you select Save the font will be uploaded to your Tapcart dashboard
Important Note: Any changes to the app's font will require a new build. Once you've uploaded the font, please contact your Account Manager or email us at [email protected] and we will kick off a new build for the font to display in your app.
Please allow 24-48 hours for any changes to display.
Upload Custom Icons
Open the dashboard and navigate to Brand Kit under the App Studio menu
In the side panel, select Icons
Select the Add Custom Icons tab
Click Upload Icons
Important Notes:
Only SVG files are supported
Dimensions should be 48x48
Max file size: 1 MB
The background must be transparent. Custom icons need to have a sufficiently thick stroke or border to ensure proper rendering. Thin borders may not display correctly, so adjust the stroke thickness in your design software before uploading.
Icons should have high-contrast colors to avoid blending with backgrounds. Ensure color visibility in your design prior to re-uploading.
You can upload up to 17 icons
Delete or Replace a Custom Icon
You can delete any icon that is not currently being used in your navigation or account menu items by hovering over the icon and clicking the X in the upper right corner
You can replace any icon (whether or not it's being used in your navigation or account menu) by clicking on the icon and uploading a new icon file in the uploader
Navigation Icon Troubleshooting
If custom icons do not display as intended, check the following:
Verify Stroke and Border Thickness: Icons with thin strokes may not render correctly. Adjust stroke width using design tools before re-uploading.
Ensure Sufficient Contrast: Low contrast icons may blend into the app background. Use high-contrast colors for visibility.
Reselect Icons in the Brand Kit: After updating and re-uploading icons, ensure they are properly linked to their respective menu items in the Brand Kit.
Considerations
Displaying a new font in app requires a new build submission to both Apple and Google Play in order to update. Please note, this can take about 24-48 hours to process and submit. To ensure your update has been submitted you can message us through your LiveChat in the Tapcart Dashboard or email us at [email protected]!
More Questions
Have more questions regarding self-service fonts and icons, we’re happy to help! Please reach out to us through LiveChat on your Tapcart Dashboard or email us at [email protected]!