Вам нужно получить шрифт, поддерживающий начертание шрифта различных размеров, вы должны быть в состоянии определить вес шрифта в виде числа, например:
font-weight:300 - should be light
font-weight:400 - should be normal
font-weight:700 - should be bold
Но это будет зависеть от того, как вы определяете их в декларации шрифта лица, вы должны положить веса шрифта там, например, здесь один для HelveticaNeue-Light
@font-face{
font-family:"HelveticaNeue";
src: url("/fonts/fontfile.eot");
src: local('Helvetica Neue Light'), local('HelveticaNeue-Light'),
url("/fonts/fontfile.eot?#iefix") format("embedded-opentype"),
url("/fonts/fontfile.woff") format("woff"),
url("/fonts/fontfile.ttf") format("truetype"),
url("/fonts/fontfile.svg") format("svg");
font-weight: 300;
font-style: normal;
font-stretch: normal;
}
Затем вы можете использовать:
p {
font-family:"HelveticaNeue";
font-weight:300;
}
И он будет использовать это определение шрифта для лица, вы можете определить несколько из них с различными шрифтами весами, которые соответствуют до различных файлов различных весов должны вам нужно ,
Вы можете получить файлы шрифтов с несколькими весами, встроенными в один файл, но большую часть времени я считаю, что приходят отдельно!
font-weight: lightighter относительно родительского элемента. В соответствии с моим ответом ниже вы должны попробовать font-weight: 300 для более легкой версии, возможно, у файла шрифта у вас есть несколько весов! – Voycey