Проблема шрифта Open Sans

V
На сайте с 20.05.2013
Offline
42
10957

Заметил значитильную разницу в отображению своего сайта в Google Chrome и FireFox.

Какая то проблема со шрифтом, кто знает как её решить и сделать отображения текста таким же как и в FireFox ?

Скрин сайта Google Chrome - http://prntscr.com/6dflzx

Как должно быть (FireFox) - http://prntscr.com/6dflp1

AlexVenga
На сайте с 10.04.2007
Offline
190
#1

Вы шрифт подключаете с гугл фонтс?

Или надеетесь на стандартные шрифты браузера?

Антикризисное предложение: [Бурж, AdSense] [NEW] Сайты - каталоги компаний с гарантией трафа [Дорого] (/ru/forum/1006462)
V
На сайте с 20.05.2013
Offline
42
#2
AlexVenga:
Вы шрифт подключаете с гугл фонтс?
Или надеетесь на стандартные шрифты браузера?

Гугл фонтс

<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&amp;subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800,600&amp;subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>

totamon
На сайте с 12.05.2007
Offline
437
#3

гугл подключает шрифт в одном формате woff, разные браузеры разные форматы используют, стоит скачать шрифты на сайт и подключать разные версии http://htmlbook.ru/blog/svoi-shrift-na-stranitse

хотя вроде по таблице woff поддерживают и хром и фаерфокс

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
LEOnidUKG
На сайте с 25.11.2006
Offline
1762
#4
гугл подключает шрифт в одном формате woff,

Вы не знаете гугл просто. Я тоже сначала не понял эту фишку.

Гугл сам смотрит какой у вас браузер и подставляет туда шрифты именно для вашего браузера.

Умные люди, до нас уже всё придумали и реализовали :)

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
Flector
На сайте с 09.09.2006
Offline
186
#5

open sans выглядит по-разному в разных браузерах.

зависит от сглаживания в системе.

в хроме есть собственное сглаживание, даже при отключенном сглаживании в системе.

и именно этим меня бесят новые шрифты от гугла - одинакового отображения в разных браузерах добиться нереально.

referees
На сайте с 13.12.2009
Offline
115
#6

-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;

попробуйте засунуть в css к элементу

вДропе.ру (http://vdrope.ru) — поиск слов в освобождающихся .ru и .рф доменах
Plutishe
На сайте с 06.03.2006
Offline
205
#7

Ну наконец то, хоть кто то написал о проблеме.

У меня Windows Vista, и после недавнего обновления шрифты корявые. Для теста попробуйте запустить putty - такая же ерунда.

jpg PuTTY.jpg
Хостинг за РУБЛИ (http://yousite.ru/h) | VPS/VDS на платформе: XEN c администрированием (http://yousite.ru/v) | Регистрация доменов (http://yousite.ru/d)
totamon
На сайте с 12.05.2007
Offline
437
#8
Plutishe:
У меня Windows Vista

жестко... по отзывам самая неудачная версия Windows, я так и не удосужился ее поставить... в чем смысл ее юзать, уже 10ку можно потестить)

vlad00777
На сайте с 24.12.2009
Offline
119
#9

Vagas, font-weigth проверьте нет ли у вас тэга b или strong. Если есть, ресетните толщину или подключите жирный шрифт тоже. Пробовали не с гугла тянуть шрифт, а сгенерировать в фонтсквирл или эврифингфонтс например?

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий