API Google Maps change ma police familiale

Question

J'ai un problème avec la famille de polices sur une page où je suis en utilisant les cartes google APIv3

Sur la page avec Google Maps, mes changements de police à quelque chose d'autre alors mon la famille de police configurée, quand je n'ai pas ce problème sur une autre page.

Ceci est le code pour l'importation de l'API Google Maps, je ne sais pas si quelque chose ne va pas ici.

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 

La police J'utilise est de la fonts.googleapis.com, si je change la famille de polices à quelque chose installé sur mon PC, disons « Consolas », il n'y a pas de problème avec la police

<link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'> 

Si je ne saisis pas cette ligne, la police retournera à la famille de polices configurée à partir de fonts.googleapis.com.

Quelqu'un a déjà eu le même problème auparavant? Impossible de trouver une solution.

Si vous voulez voir mon problème de première main, son le site Web suivant 'Home' et la page 'Contact' (site Stil en construction)

Homepage

Contactpage

Jacob

Answer 1

Le code d'importation de l'API Google Maps est correct, il ne présente aucun problème. Qu'est-ce qui se passe, c'est que le style est remplacé par le style html (sans-serif).

Vous avez juste besoin de modifier votre css/bootstrap.min.css feuille de style et ajouter important de la ligne où vous avez envoyé la famille de la police Roboto:

body{font-family:"Roboto",sans-serif !important;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff} 

Ou ajoutez la police Roboto à votre style html :

html{font-family:"Roboto",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} 

J'ai aussi remarqué que vous liez à la police Roboto deux fois:

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

Th est de faire afficher la police avec le plus grand poids (700), ce qui est différent du poids sur la page d'accueil (300). Si vous voulez garder les choses cohérentes, vous pouvez supprimer le premier lien.