Фонт-веигхт - ЦСС-трикови

Anonim

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“, у зависности од тога шта има највише смисла.

Подређени елементи неће наследити вредности подебљаних и „лакших“ кључних речи, већ ће наследити израчунату тежину.

Подршка прегледача

Хром Сафари Фирефок Опера ИЕ Андроид иОС
Извођење радова Извођење радова Извођење радова Извођење радова Извођење радова Извођење радова Извођење радова