Я заметил существенную разницу в разрыве Open Sans (Google Web Font) от Chrome, до Safari/Firefox. Я прикладываю две фотографии, первая из которых - хром и второе сафари.
Все, что у меня есть в таблице стилей:
font-family: 'Open Sans', sans-serif;
font-size:14px;
Надеюсь, что вы можете помочь, так как мне очень нравится рендеринг хром (первый снимок), но НЕНАВИСТЬ другой!
Мне повезло в прошлом, используя font-weight: lighter!important; на шрифтах, которые выглядят более смелыми и совершенно отличными от того, на чем они должны выглядеть. Каждый браузер интерпретирует шрифты по-разному. Веб-шрифты Google стараются использовать правильные версии, но иногда происходят резкие изменения между браузерами и операционными системами.
Надеюсь, что эта информация поможет! Дайте мне знать, работает ли это решение, иначе я буду изучать его дальше. Open Sans - отличный шрифт для веб-сайтов, приятный выбор:)
Добавить в начало
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>
правило CSS
.btn{
font-family: 'Open Sans', sans-serif;
font-weight:300;
text-rendering: optimizeLegibility;
font-size: .9em;
}
Я добавил непосредственно эту строку в мой заголовок, и она работает!
<link href='//fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>
.nav > li > a {
color: #000; font-size: 13px; font-weight: 600;
}
Вместо того, чтобы просто называть шрифт без размеров в заголовке и затем определять его полужирным шрифтом, метод, который не работает.
Есть проблема, когда Safari отображает шрифты с фиксированными размерами и другие браузеры делают их точнее:
Итак, если вы запросите свой текст как размер , который находится между двумя шагами Safari,, вы получите другой результат в Safari, чем в других браузерах. p >
Таким образом, в зависимости от того, как вы объявляете размеры шрифта и как размер окна, вы получите результаты по-разному.
Вы, по-видимому, не использовали reset браузер CSS по умолчанию, попробуйте явно задать размер шрифта.