Кажется, нет никакого различия между 'насыщенностью шрифта: нормальная' и 'насыщенность шрифта: полужирный' в Google Chrome (и вероятно Safari). Кто-либо нашел способ вызвать 'font-weight: thinner' в Chrome способ, которым делает Firefox?
Похоже, это известная проблема в 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');
}