2015-02-16 2 views
0

У меня есть три файла для шрифта, обычного, жирного и светлого. Как установить свет на шрифт, так как font-weight: light не существует?Шрифт весов (нормальный, жирный, ...)

Кстати, есть ли вес шрифта: легче по сравнению с чем-то? Если да, то к чему?

+0

font-weight: lightighter относительно родительского элемента. В соответствии с моим ответом ниже вы должны попробовать font-weight: 300 для более легкой версии, возможно, у файла шрифта у вас есть несколько весов! – Voycey

ответ

0

Попробуйте эти (один за раз):

font-weight: lighter; 
font-weight: 100; 
font-weight: 200; 
font-weight: 300; 
+0

Я думаю, что легче и смелее относительно вычисленного веса шрифта родительского элемента. –

0

Вам нужно получить шрифт, поддерживающий начертание шрифта различных размеров, вы должны быть в состоянии определить вес шрифта в виде числа, например:

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; 
} 

И он будет использовать это определение шрифта для лица, вы можете определить несколько из них с различными шрифтами весами, которые соответствуют до различных файлов различных весов должны вам нужно ,

Вы можете получить файлы шрифтов с несколькими весами, встроенными в один файл, но большую часть времени я считаю, что приходят отдельно!

+0

У меня вопрос для этого. Почему так много форматов шрифтов? И почему у вас есть файл специально для IE? Я тестировал шрифт .ttf в IE, и он работал, если шрифт находился в той же папке, что и css/html. Он прекратил работать, как только я поместил его в папку с шрифтом. – Myntekt

+0

Поддержка полного кросс-браузера, особенно для более старых версий IE! – Voycey

+0

Что делать, если у меня есть шрифт, который имеет только формат .ttf? Например, ubuntu one .. – Myntekt

Смежные вопросы