How to add a custom Google font to the Loyalty Widget & Tab

📝 Note: This custom Google font feature is currently only available for the loyalty widget & tab design customization. 

1. Open https://fonts.google.com/ in your browser window
2. In the search bar enter the Google Font name that your store uses

3. Click on Google Fonts to open the font's details

4. Under Styles, click + Select this style of the font version that you'd like to use on your loyalty widget. 

5. In the Selected Family pop-out, copy the font's unique link from the code snippet

To do this, simply copy all of the text after <link href =" and before " rel="stylesheet">

6.  Paste the Google Font URL in a safe place for the next section
7. Copy the Google Font's name and paste it into a safe place for the next section 

1. In your Marsello admin, go to Loyalty > Loyalty Widget
2. Click on the Widget tab
3. Click Font
4. Select the Use Google Font checkbox

6. Enter your Google Font URL

📖 Learn more: Loyalty widget customization

1. In your Marsello admin, go to Loyalty > Loyalty Widget
2. Click on the Widget tab
3. Click Font
4. Click the Use same font as widget which will automatically set your tab font to be the same as your loyalty widget OR you can un-select the checkbox to choose a different font. 

5. Follow the same steps as above to add a custom Google font to your Loyalty Tab 

Your Loyalty Tab font will then be updated to your store's chosen Google Font. 

📖 Learn more: Loyalty tab customization