Разумевање дубине фонта фонта (ПКС вс ЕМ вс РЕМ)

Разумевање величине фонта

Величина фонта игра веома важну улогу у вебу, величина фонта је једно од својстава цсс-а, величина фонта или величина текста одређују колико су знакови приказани на веб страници. фонт се обично мери у тачкама (пт) и обично се дефинише у пикселима (пк).

Избацивањем основне величине фонта (Боди Фонт-сизе) било које веб странице је 16пк, док не одредимо било коју властиту прилагођену величину фонта.
Својство величине фонта је одређено на један од следећих начина:

1. Апсолутна величина или Релативна величина
2. Као дужина или проценат (у односу на величину фонта надређеног елемента)

Основна синтакса

Основна синтакса фонта

Апсолутна величина
кк-мале, к-мале, мале, кк-велике, к-велике, велике
Величина фонта са кључним речима апсолутне величине биће већа или мања у односу на величину фонта надређеног елемента.

Релативна величина
мањи, већи

Дужина-Величина
Величина слова дефинисана дужином увек ће бити позитивна вредност, коришћене јединице које се односе на фонт као што су ем и пк

Проценат-величина
Величина фонта са процентом увек ће бити позитивна вредност и у односу на величину фонта надређеног елемента

Дефинишите величину фонта у тијелу

Дефинисање величине фонта у тијелу је најбољи приступ за израду било које веб странице. Постављањем величине фонта кључне ријечи на елементу тијела, можете поставити релативно великост фонта на било којем другом мјесту на страници, пружајући вам могућност да лако промијените фонт према цијелој страници у складу или према доље.

Величина фонта у пикселима (Пк)

Дефинисање величине фонта у Пикел-у није добра пракса. ово ће бити добро само ако управљате савршеним дизајном пиксела.
 Пикел (пк) је статичка вредност, пк је независан од ОС-а и унакрсног прегледача који омогућава прегледачима да исписују слова у тачно наведеном броју пиксела. Резултати се могу мало разликовати у прегледачима, јер сваки прегледач користи различите алгоритме и приступ да би постигао сличан ефекат.
 Када дефинишете величину фонта у пикселима (пк), можда ћете имати лице за писање додатног цсс-а за управљање страницом као респонзивну. и морате да напишете цсс у свим тачкама паузе.

Величина фонта у ЕМ

Други начин дефинисања величине фонта је помоћу ем вредности. Величина ем вредности је динамична. када у ем дефинишемо величину фонта, то зависи од величине матичног елемента.
 ако за родитељ нисмо поставили величину фонта, тада ће она подразумевано узети величину фонта прегледача, то је 16 пк.
 Најважније што треба знати са ем је да то увек зависи од величине фонта његовог родитеља. па ако дефинишете фонт у угнијежђеном елементу, тада бисте то требали имати на уму да одредите величину фонта.

Конверзија пиксела у ем

Величина фонта у РЕМ-у

Рем вредности величине фонта измишљене су да би се превазишао проблем ем са углађеним елементима.
 Вриједности рем величине фонта су у односу на коријенски хтмл елемент, а не на родитељски елемент, остало је све исто као ем.
 Испод је разлика између рем и ем ако постоје угнијежђени елементи.

Разлика између угнијежђених елемената са ЕМ и РЕМ

Гнездени елемент са ЕМГнездени елемент са РЕМ-ом

Реф: хттпс://девелопер.мозилла.орг/ен-УС/доцс/Веб