@seredaes

Подключил шрифт google а он отображается везде по разному, что делать?

32634bd2f2574d0aa685f7cc32f5e92c.png
Снимок с Сафари

8219aab77ca746089ae8d1cf68ec643c.png
Снимок с Хрома + Мозила ФАйрфокс

Подключил так:
< link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,cyrillic' rel='stylesheet' type='text/css' >

В CSS файле прописываю
font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-size:16px;

Почему такая разница отображения в браузерах???
А вот на сайте google.com/fonts эти шрифты отображаются одинаково!!! Что за ерунда???
  • Вопрос задан
  • 2199 просмотров
Решения вопроса 1
S-ed
@S-ed
Комбайнёр
Для контейнеров с проблемным текстом:
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
lavezzi1
@lavezzi1
Подключите этот файл css https://necolas.github.io/normalize.css/
Ответ написан
Комментировать
В разных браузерах отличаются методы рендеринга шрифтов, особенно в safari.
При подключении в html сталкивался с тем что адрес с параметрами не всегда хорошо распарсивается, можно подключить другими способами например через @import.
Так же стоит отметить что Chrome отображает сайты в масштабе 100%, большинство других немного увеличивают до 125%.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы