How to customize the font for an interactive map?

Have you paid any attention to the font style you are using with your interactive maps? it can be awfully off-putting if the maps come with a different font style which is unsynchronous with your site. It can affect your site’s aesthetics and hamper user experience.


Use any font for interactive maps from

Thankfully, the interactive maps from Fla-shop are filled with customization options, including settings to help you change the font of all the text on the maps.

For the purpose of this read, we have put together a step-by-step guide on how to change the font styles of an interactive map. So without further ado, let’s get started:

How to use fonts already included in WP theme?

Now, if you are looking forward to changing the font style of the interactive maps to match the typography of your site, then it would be best to use the fonts that come with the WP theme you are using.

To use any system font or font that is already used in the WordPress template, simply paste the font name in the appropriate field.

Font settings for interactive map
  1. Font-family for names on the map
  2. Font-family for pop-up names
  3. Font-family for text inside the tooltip

And just by following these three simple steps, you will be able to change the font style on your interactive map. But what if you don’t want to limit yourself to only using the fonts included with your WP theme?

Well, interactive maps help you use Google Fonts as well.

How to use any of Google Fonts in the map? Step-by-step instruction.

If you want to use any of the Google fonts that are not used in your WP site, then below will be step by step instructions.
To connect Google fonts, you can use any of the plugins, for example, Easy Google Fonts
Install and activate this plugin.

Below are the steps how to connect any font to the map.

Step 1.

Step 1

Step 2.

Step 2

Step 3.

Step 3

Step 4.

Step 4

Step 5.

Step 5

Step 6.

  1. Open the “General settings” tab
  2. Font-family for names on the map
  3. Font-family for pop-up names
  4. Font-family for text inside the tooltip
Step 5

Result. Map with customized fonts


As you can see, it is extremely easy to customize the font used by the interactive maps from You get all the options, from using the fonts that come with your WP theme, to using different Google Fonts, the options are immense. This can really help you to get your entire site’s typography on the same page, and improve the overall user experience.

Related Posts