Text flickering when Google Maps loads

The solution to this issue is easier than you think. You have the Roboto font in your CSS but the user maybe doesn’t so the browser falls back to another font. As soon as Google Maps loads Roboto is available producing a kind of flickering effect when changing fonts.

One of the many solutions is to ensure the user gets Roboto in first place. Just add the next code into your head tag.

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">