Change the font-family of Google Maps labels?

Richard picture Richard · Nov 28, 2012 · Viewed 10.7k times · Source

I'm making a custom Google Map, using the official Styled Maps Wizard.

However, it doesn't seem to be possible to change the font-family of the labels (which is Arial).

Does anyone know if this is possible in Google Maps?

Answer

cuka picture cuka · Sep 4, 2018

(EDIT: I now see the original question was about native Google Map labels, not custom Marker Labels. For my original response i.e. a custom font-family on Marker Labels, please read on...)

Fast forward to 2018...

If you call the Google Maps API, you can use a custom Google Font. Here is the documentation on font-family.

You‘ll need to specify the fontFamily option of the label option when creating a new google.maps.Marker. I used a font from Google Fonts, eg:

var marker = new google.maps.Marker({
    position: posiiton,
    map: map,
    label: {
        text: 'Label text',
        fontFamily: "'Domine', serif",
    }
});