CSS-тегло на шрифта • Удебелен шрифт
font-weight регулира ширината на линията (дебелината) на шрифта на стъпки от 100 до 900. Предпоставката за използване е шрифтът да предлага стилове на шрифта, тъй като повечето шрифтове имат 400 (нормални) и 700 (получер).
В противен случай набор от шрифтове с шрифт-тегло: получер е същият като с малки букви: Браузърът го показва по-дебел. "Реалните" получер шрифтове са по-лесни за четене.
Шрифт от много тънък до изключително удебелен
CSS свойството font-weight предлага избор от тънък или постен през нормален до удебелен и много удебелен, но избраният шрифт трябва да има различни стилове в съответните градации. Това не е задължително случаят с предоставените шрифтове за операционни системи като Arial, Helvetica и Times.
шрифт-тегло
font-weight е мярката за ширината на реда на шрифт. С ширината на реда текстът придобива допълнително значение: В рамките на текст дебел шрифт подчертава отделни думи, в дизайна на страницата ширината на реда на шрифта отразява йерархията с удебелени заглавия.
Arial получер: Удебеленият текст може да стане доста дебел
Arial Black: Удебеленият текст може да бъде доста дебел
Arial Narrow: Удебеленият текст може да бъде доста дебел
Дори ако в системата на посетителя са инсталирани повече стилове на шрифтове, старите браузъри не биха разпознали тези стилове: Те със сигурност разпознават само нормални и удебелени като тегло на шрифта.
Така че тук няма различни удебелени шрифтове (ако шрифтовете са инсталирани на посетителя), но наистина удебелени шрифтове:
тегло на шрифта с шрифтове за изтегляне
С правилото @ font-face и зареждаеми шрифтове днес са възможни градации, които вече са били закотвени в CSS1, но никога не могат да бъдат използвани. Предпоставката е подходящите стилове за шрифта да са налични или заредени.
Roboto от Christian Robertson носи със себе си широк репертоар от шрифтове:
Шрифтът може да бъде дебел и тънък (тегло на шрифта: 100)
Шрифтът може да бъде дебел и тънък (тегло на шрифта: 300)
Шрифтът може да бъде дебел и тънък (тегло на шрифта: 400)
Шрифтът може да бъде дебел и тънък (тегло на шрифта: 500)
Шрифтът може да бъде дебел и тънък (тегло на шрифта: 700)
Шрифтът може да бъде дебел и тънък (тегло на шрифта: 900)
Бързо можете да видите, че получер шрифт има смисъл само за много големи размери на шрифта: font-weight: 700 и font-weight: 900 са четливи само от font-size: 2em и повече.
Умерено големите заглавия с HTML h1, h2 или h3 са почти винаги по-лесни за четене с тегло на шрифта 400 (нормално).
шрифт-тегло: получер в цвят
В миналото уеб дизайнерите имаха само трика да използват яркости, за да правят разлика между смели акценти.
Удебеленият текст може да се направи наистина дебел
Удебеленият текст може да бъде доста дебел
Удебеленият текст може да се направи наистина дебел
Удебеленият текст може да се направи наистина дебел
С нюанс на сиво вместо черно, заглавията изглеждат по-резервирани.
CSS скала с тегло на шрифта от 100 до 900
нормален, смел, по-смел и по-лек
по-лек нормален получер по-смел 100 300 400 500 700 900
Фините стъпки между различните удебелени разрези са възможни само с уеб шрифтове. Рядко се срещат шрифтове, които предлагат толкова голям брой стилове. Така че Roboto от Google Webfonts стои зад стъпките.
Големият край
Нека да разгледаме списанията и книгите от печат: Едва ли има термини и пасажи с удебелен шрифт. Удебелени заглавия, да, но с по-голям шрифт, моля.
Bold е реликва от ерата на пишещите машини, когато не е имало големи шрифтове и пасажът е бил отпечатан чрез архивиране на каретата.
В крайна сметка, получер текст в текста изглежда като призив към управлението на имота, стълбището чисто да запазя.