font-weight
Имовине одређује тежину или дебљину, а фонт и зависи ни од расположивих фонтова лица унутар породице фонтова или тежине дефинисан претраживача.
span ( font-weight: bold; )
font-weight
Имовине прихвата или кључне речи вредност или предефмисао нумеричке вредности. Доступне кључне речи су:
normal
bold
bolder
lighter
Доступне нумеричке вредности су:
100
200
300
400
500
600
700
800
900
Вредност кључне речи се normal
пресликава на нумеричку вредност, 400
а вредност се bold
пресликава на 700
.
Да би се могао видети било који ефекат који користи вредности које нису 400
или 700
, фонт који се користи мора имати уграђена лица која се подударају са наведеним тежинама.
Ако фонт има подебљану („700“) или нормалну („400“) верзију као део породице фонтова, прегледач ће то користити. Ако нису доступни, прегледач ће имитирати сопствену подебљану или нормалну верзију фонта. Неће имитирати остале недоступне тежине. Фонтови често користе називе попут „Регулар“ и „Лигхт“ да би идентификовали било коју алтернативну тежину фонта.
Следећа демонстрација показује употребу алтернативних вредности тежине:
Погледајте ову оловку!
Горња демонстрација користи бесплатни фонт Опен Санс, уграђен помоћу АПИ-ја Гоогле Веб Фонтс. Фонт се учитава са свим доступним тежинама фонтова, па се тако помоћу font-weight
својства приказују различите доступне тежине, како је описано у тексту сваког пасуса. Недоступни тегови једноставно приказују логички најближу тежину.
Уобичајени фонтови попут Ариал, Хелветица, Георгиа, итд. Немају тежину осим 400
и 700
. Дакле, иста демонстрација приказана са једним од тих фонтова приказала би само две тежине у девет пасуса.
Коришћење кључних речи „смелије“ и „лакше“
Вредности кључне речи bolder
и lighter
односе се на израчунату тежину фонта надређеног елемента. Прегледач ће тражити најближу „смелију“ или „лакшу“ тежину, у зависности од тога шта је доступно у породици фонтова, иначе ће једноставно одабрати „400“ или „700“, у зависности од тога шта има највише смисла.
Подређени елементи неће наследити вредности подебљаних и „лакших“ кључних речи, већ ће наследити израчунату тежину.
Подршка прегледача
Хром | Сафари | Фирефок | Опера | ИЕ | Андроид | иОС |
---|---|---|---|---|---|---|
Извођење радова | Извођење радова | Извођење радова | Извођење радова | Извођење радова | Извођење радова | Извођење радова |