How to use Google Fonts in my map?

You can add it directly to the mapdata.js file using our online customization tool. 

1. You will need to add the google fonts html link to your webpage. Almost all hosting services have an option to add HTML code. Here is an example using Wix:

c6aeb4fafd9fb0b397f19c518ba30f46.png

Since I was using the Qwitcher Grypen font, this was my HTML code (Yours will be different depending on the font you decide to use):

https://fonts.google.com/specimen/Qwitcher+Grypen/tester

<link href="https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe&family=Qwitcher+Grypen&display=swap" rel="stylesheet">


2. Using the online customization tool, add your font to the popups_font settings:

8e481bb98c6424a551fdd97c2fb806f6.png

3. Save your mapdata and reload map. You will see the font changes on your webpage. 



Note: Don't forget to update your hosted files if you are using our file hosting. If you have your files on your own server, you will need to download and upload the new files. 

4cbb8bc19057ef5b8912d9d555954861.png

01af484510f304903f1ce2e03669433e.png