在angularjs網站加載谷歌地圖改變了整個網站

任何人都可以給我爲什麼我的網站的字體更改導航欄的項目，當一個可能的原因有一絲的字體選擇？在angularjs網站加載谷歌地圖改變了整個網站

這是網站：http://sideta.tk/（第四導航欄項「Valgyklos」改變字體）

下面是部分的HTML代碼：

<div ng-controller="valgyklosCtrl" class="container"> 
    <div class="row" style="height: 40px"></div> 
    <div class="row"> 
     <div class="col-md-5"> 
      <ui-gmap-google-map center='map.center' zoom='map.zoom'> 
       <ui-gmap-marker coords="marker.coords" idkey="marker.id"></ui-gmap-marker> 
      </ui-gmap-google-map> 
      <!--<google-map center='map.center' zoom='map.zoom'></google-map>--> 
      <h3 class="text-center">NT Valdos</h3> 
      <p>Valgykla esanti NT Valdos teritorijoje.</p> 
     </div> 

     <div class="col-md-2"></div> 
     <div class="col-md-5"> 
      <ui-gmap-google-map center='map2.center' zoom='map2.zoom'> 
       <ui-gmap-marker coords="marker2.coords" idkey="marker2.id"></ui-gmap-marker> 
      </ui-gmap-google-map> 
      <h2 class="text-center">Energetikos Remontas</h2> 
      <p>Valgykla Esanti Energetikos Remonto teritorijoje.</p> 
     </div> 
    </div> 

</div>

和這裏所述控制器：

sidetaApp.controller('valgyklosCtrl', function($scope) { 
    $scope.map = { center: { latitude: 54.902522, longitude: 23.996512 }, zoom: 14 }; 
    $scope.marker = { coords: { latitude: 54.902522, longitude: 23.996512 }, id: 0 }; 
    $scope.map2 = { center: { latitude: 54.908702, longitude: 23.992693 }, zoom: 14 }; 
    $scope.marker2 = { coords: { latitude: 54.903763, longitude: 23.997539 }, id: 1 }

}）;

來源

2015-10-01 tadalendas

我認爲是它是在你加載的Roboto只有300字體粗細初始加載。在開發工具中查看您的網絡/ css。

css?family=Roboto:300 
fonts.googleapis.com

當你去到頁面上，API被加載的Roboto字體

css?family=Roboto:300,400,500,700 
fonts.googleapis.com

和所有字體粗細的地圖，如果你看一下你的CSS您使用不同的字體粗細其他的是300

h1, h2, h3, h4, h5, h6 { 
    font-family: inherit; 
    **font-weight: 500;** 
    line-height: 1.1; 
    color: inherit; 
}

所以當滿的Roboto字體集裝入，正確的字體權重應用於樣式。

看起來你需要在開始的全方位的字體粗細的使用，或者改變你的CSS使用300權重。

更新：見Google Maps v3 - prevent API from loading Roboto font停止谷歌地圖API的加載在字體的Roboto

來源

2015-10-01 13:39:42 r8n5n

完美，感謝您的幫助。爲什麼在特定的導航欄部分加載了額外的字體重量？我只在主HTML文件中指定了字體，並且只有300的權重。我還在開發工具中看到，額外的權重在Initiator下有「Other」。 – tadalendas

我認爲這必須是使用的Roboto字體，因此加載它在谷歌地圖API。或許有在API的設置，你可以告訴它不會加載它。 – r8n5n

我已經添加在回答一個鏈接停止地圖api loading Roboto – r8n5n

在angularjs網站加載谷歌地圖改變了整個網站

回答

相關問題