Загрузка карт Google на сайт angularjs изменяет шрифт всего сайта

0

Может ли кто-нибудь дать мне подсказку о возможных причинах того, почему шрифт моего веб-сайта изменяется при выборе одного из элементов навигационной панели?

Это веб-сайт: 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 }

});

Теги:

1 ответ

0
Лучший ответ

Я думаю, что при начальной загрузке вы загружаете 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 - запретить API загружать шрифт Roboto, чтобы остановить загрузку карты google в шрифт Roboto

Поделиться
  • 0
    Отлично, спасибо за вашу помощь. Почему в этом конкретном разделе панели навигации загружаются дополнительные веса шрифтов? Я только определил шрифт в основном HTML-файле и только с весом 300. Я также вижу в инструментах разработчика, что дополнительные веса имеют «Другой» в Инициаторе.
  • 0
    Я думаю, что это должен быть API карты Google, который использует шрифт Roboto и, следовательно, загружает его. Возможно, есть параметр в API, где вы можете сказать, чтобы не загружать его.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню