За последние 24 часа нас посетили 18170 программистов и 1697 роботов. Сейчас ищут 1542 программиста ...

Шрифты в разных браузерах

Тема в разделе "HTML и CSS", создана пользователем NerdRage, 6 апр 2017.

  1. NerdRage

    NerdRage Активный пользователь

    С нами с:
    6 июл 2016
    Сообщения:
    439
    Симпатии:
    42
    3 дня верстал макет, а когда увидел его в другом браузере, то был неприятно удивлён. Почему один и тотже шрифт с Google Fonts в разных браузерах выглядит по-разному?
    Firefox vs Chrome

    Опытным путём выяснил что проблема в Хроме. Когда инспектируешь текст на сайте Google Fonts, там написано:
    Rendered Fonts
    Roboto Condensed—Network resource(97 glyphs)


    А в JSFiddle у меня написано:
    Rendered Fonts
    Roboto—Local file(64 glyphs)
     
    #1 NerdRage, 6 апр 2017
    Последнее редактирование: 6 апр 2017
  2. NerdRage

    NerdRage Активный пользователь

    С нами с:
    6 июл 2016
    Сообщения:
    439
    Симпатии:
    42
    Разобрался. В гугловском CSS-файле в font-face подключались локальные версии шрифтов сначала:
    [​IMG]
    А у меня установлен Roboto на компе и Хром почему-то хавал его в первую очередь.
    Исправил так: https://jsfiddle.net/ojc1Lhh6/8/
     
    denis01 нравится это.