Как мне заставить 'font-weight: lighter' работать в Google Chrome?

Question

Похоже, что нет никакой разницы между «font-weight: normal» и «font-weight: bold» в Google Chrome (и, возможно, Safari). Кто-нибудь нашел способ вызвать 'font-weight: thinner' в Chrome, как это делает Firefox?

Answer 1

Может быть, вам нужно добавить это в свой CSS:

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

Answer 2

Похоже, это известная проблема в Chrome, исправленная в последних сборках разработки:

Существует временное решение , которое вы также можете попробовать:

Чтобы включить свойство font-weight для шрифта @font-face, для которого не определен жирный шрифт, необходимо явно определить font-weight:normal; и font-style:normal; в определении @font-face. Пример:

@font-face {
    font-family: 'GriffosFont Regular';
    font-weight: normal;
    font-style: normal;
    src: url('fonts/GriffosFont.eot');
    src: local('GriffosFont Regular'), local('GriffosFont'), url('fonts/GriffosFont.woff') format('woff'), url('fonts/GriffosFont.\
ttf') format('truetype'), url('fonts/GriffosFont.svg#GriffosFont') format('svg');
}

Answer 3

font-weight: lighter; не работал для меня, поэтому я использовал font-weight: normal;, который работал для моей цели. не уверен, что сейчас происходит с хромом ...