Вес шрифта игнорируется в Chrome

Я создал скрипку, пытающуюся использовать шрифт Open Sans с font-weight 300:

HTML

example 

CSS

 .demo { font-weight: 400 !important; font-family: 'Open Sans' !important; font-style: normal; font-variant: normal; } 

Я использую шрифты Google для определения CSS

Я вижу разницу в Firefox (Ubuntu 13.10) при рендеринге в font-weight: 300 (светлый) и в font-weight: 400 (обычный), но нет в Chrome (версия 33.0.1750.117), где все выглядит так, как будто оно отображается в начертание шрифта: 400. Я что-то делаю неправильно или есть ошибка в Chrome? Существует ли какое-либо известное обходное решение?

Обновление :

Существует определенно что-то не так с хром. У меня есть два экземпляра одной и той же страницы, открытых в двух разных windowsх в Chrome. Один – это рендеринг шрифта ok (300 вес соответствует варианту света), а один нет (300 вес такой же, как и в варианте Normal). Любые подсказки? Я обязательно обновил страницу на каждой вкладке, чтобы они были на одной странице.

Обновление 2 : скриншот: ошибка: Ошибка отбранения шрифта Chrome

Обновление 3 Это не дубликат этого . В этом вопросе проблема заключается в том, что «Arial Black» и «Arial» на самом деле являются разными шрифтами. В моем случае Open Sans является единственным шрифтом, и проблема заключается в том, что Chrome несколько раз поднимает неправильный вес. Как видно из скриншотов, Chrome не соответствует шрифту, отображаемому даже между двумя экземплярами.

Добавьте это в свой CSS:

 * {-webkit-font-smoothing: antialiased;} 

Кажется, это ошибка Chrome / Chromium, вызванная тем, что шрифт установлен локально в вашей системе. Другие браузеры, похоже, не страдают от этой проблемы.

Пока что это похоже на Linux и Windows (подтверждено).

По какой-то причине он просто загрузит ваш локальный шрифт и игнорирует любые ваши правила font-weight , даже если они !important . Он даже не будет соответствовать самому себе: вес шрифта может изменяться случайным образом между вкладками и перезагрузкой страницы.

Простейшим обходным решением является удаление шрифта, но это может быть проблемой, если вам это нужно для чего-то другого.

Вы также можете попробовать переименовать шрифт на что-то еще, чтобы заставить Chrome использовать свой веб-шрифт и соблюдать ваши правила шрифта CSS.

Попробуйте изменить семейство шрифтов на 'Open Sans Light', sans-serif; , У меня была такая же проблема, и это сработало для меня.

Я наложил их поверх друг друга, и они хорошо смотрятся на osx хром.

 font-weight: 400 !important; 

под

 font-weight: 300 !important; 

http://jsfiddle.net/gpmXe/22/

Мое решение – загрузить и установить все типы веса шрифта на вашем компьютере или вообще не устанавливать его. Это странное решение, но работает для меня.