我在使用Google Maps APIv3的页面上的字体系列有问题
当我在任何其他页面上都没有此问题时，在带有Google Maps的页面上，我的字体更改为其他字体，然后更改为配置的字体系列。
这是用于导入Google Maps API的代码，我不知道这里是否有问题。
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
我使用的字体来自fonts.googleapis.com，如果我将字体系列更改为PC上安装的某种字体，比如说“ Consolas”，则该字体没有问题
<link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
如果我不填写这一行，字体将从fonts.googleapis.com更改回配置的font-family。
有人遇到过同样的问题吗？无法解决。
如果您想直接了解我的问题，请访问以下网站“主页”和“联系方式”页面（正在建设的stil网站）
雅各布
可以导入Google Maps API的代码，没错。发生的是该样式被html样式（sans-serif）覆盖。
您只需要编辑css / bootstrap.min.css样式表，并在将字体系列发送给Roboto的行中添加！important即可：
body{font-family:"Roboto",sans-serif !important;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
或将Roboto字体添加到您的html样式中：
html{font-family:"Roboto",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
我还注意到您两次链接到Roboto字体：
<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">
这将使页面显示最大权重（700）的字体，该字体不同于主页上的权重（300）。如果要保持一致，则可能要删除第一个链接。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句