Why is the text on the page blurry after adding google api js?

Question

css

Guys, I'm typing the landing, adding the script https://maps.googleapis.com/maps/api/js to display the Google map on the page, as a result I get blurry text in the header header. What's the trouble?

Answer 1

maybe the sergers matched some, so it's easy to see in the development panel in chrome what's the matter.
set the header
h1{
-webkit-font-smoothing: none !important;
text-shadow: 0px 0px 0px #000 !important;
}