8

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?

Community
  • 1
  • 1
Richard
  • 62,943
  • 126
  • 334
  • 542

2 Answers2

11

(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",
    }
});
cuka
  • 143
  • 2
  • 10
  • 1
    It works :-) +1 for removing the green checkmark form the previous post – tuhaj Jun 18 '19 at 08:52
  • Is this for the native Google Maps labels ? or just markers – Sunshine Jul 18 '22 at 11:17
  • Honestly I can't remember the difference, but here's a fiddle adapted from Google's default example which shows a simple marker label with a custom font: https://jsfiddle.net/cuka/bhtwL1rv/ – cuka Jul 19 '22 at 18:10
10

The answer is: it can't be done. The best you can do is switch off all Google Maps labels, and use custom overlays.

Alternatively, make your own tiles using a service like Cloudmade or TileMill.

Richard
  • 62,943
  • 126
  • 334
  • 542