Я создал fiddle, пытающийся использовать шрифт Open Sans со шрифтом 300:
HTML
<span class="demo">example</span>
CSS
.demo {
font-weight: 400 !important;
font-family: 'Open Sans' !important;
font-style: normal;
font-variant: normal;
}
Я использую Google fonts для определения CSS
Я вижу разницу в Firefox (Ubuntu 13.10) при рендеринге в font-weight: 300 (светлый) и в font-weight: 400 (обычный), но ни один в Chrome (версия 33.0.1750.117 ), где все выглядит так, как показано на font-weight: 400. Я что-то делаю неправильно или есть ошибка в Chrome? Существует ли какое-либо известное обходное решение?
Обновление
В Chrome есть что-то не так. У меня есть два экземпляра одной и той же страницы, открытых в двух разных окнах в Chrome. Один - это рендеринг шрифта ok (300 вес соответствует варианту света), а один нет (300 вес такой же, как и в варианте Normal). Любые подсказки? Я обязательно обновил страницу на каждой вкладке, чтобы они были на одной и той же странице.
Обновление 2:
Прикрепленный скриншот: из ошибки: 
Обновление 3 Это не дубликат этого. В этом вопросе проблема заключается в том, что "Arial Black" и "Arial" на самом деле являются разными шрифтами. В моем случае Open Sans является единственным шрифтом, и проблема заключается в том, что Chrome несколько раз поднимает неправильный вес. Как видно из скриншотов, Chrome не соответствует шрифту, отображаемому даже между двумя экземплярами.