Google Maps visual refresh - how do disable font Roboto in InfoWindow

Question

Just trying the new option google.maps.visualRefresh = true in the new version 3.12 of the Google maps javascript API. And although the map new look is great, now the text in my InfoWindows is using the font size Roboto.

The new InfoWindow content div CSS is:

font-family: Roboto, Arial, sans-serif;
font-size: 13px;
font-weight: 300;

This wasn't the case before and it doesn't work at all with the design of my website. Any idea how I could remove it to use the default font define in my body?

Answer 1

You can still use your own font in an InfoWindow. Simply provide HTML content instead of plain text, and you can style it any way you want with inline CSS or a stylesheet. Example in this fiddle:

var infowindow = new google.maps.InfoWindow({
    map: map,
    position: center,
    content: '<div class="myinfo">Computer History!</div>'
});

using this CSS:

.myinfo { font-family:Georgia,serif; font-size:18px; }