Задать вопрос
@seredaes
javascript

Подключил шрифт 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 эти шрифты отображаются одинаково!!! Что за ерунда???
  • Вопрос задан
  • 2190 просмотров
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 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/
Ответ написан
Комментировать
Комментировать
turovnikoff
@turovnikoff
В разных браузерах отличаются методы рендеринга шрифтов, особенно в safari.
При подключении в html сталкивался с тем что адрес с параметрами не всегда хорошо распарсивается, можно подключить другими способами например через @import.
Так же стоит отметить что Chrome отображает сайты в масштабе 100%, большинство других немного увеличивают до 125%.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка одностраничника
25 апр. 2024, в 11:02
5000 руб./за проект
Фронт мобильное приложение
25 апр. 2024, в 10:42
150000 руб./за проект
Настроить вёрстку webapp-telegram
25 апр. 2024, в 10:41
2000 руб./за проект
Ещё заказы