CSS font-weight property: как да настроите наситеността на шрифта

Традиционно е обичайно да се подчертават основните идеи в текста с помощта на смели очертания. Този метод на проектиране, на първо място, се отнася до заглавията, тъй като е необходимо читателят незабавно да ги обръща внимание. CSS собственост font-

Начинаещите в програмирането се интересуват от въпроса защо да изучаваме в детайли технологията на стиловете за дизайн на текст. Почти на всеки сайт (и особено за ресурси, базирани на системи за управление на съдържанието), има визуален редактор, подобен на приложението MS Word. За да работите с него, не са необходими специални знания. Въпреки това, използването на вградения в форматиране на текста не винаги е оправдано, тъй като това е важно не само за да направите текста удебелен, но също и за да го маркирате, така че търсачките правилно интерпретирани писането.

Как да промените богатството на текста

Можете да зададете дебелина на текста, като използвате HTML тагове <б> или <силно>. Но първоначалната функция на тези елементи е структуриране. Ако използвате маркери твърде често, търсачките ще разпознаят текста като "над оптимизиран", което ще доведе до намаляване на рейтинга на уебсайта. Това е мястото, където собствеността на CSS е полезна font-тегло.

Стандартът дава няколко възможности за записването му. Интересна функция - уеб програмистът може да избира колко стегнат ще бъде текстът. Но за всичко в ред.

Стандартни стойности за насищане на шрифтове

В спецификацията за каскаден стилов лист се препоръчва да се използва стойност на плътността нормален и смел. Първият приписва "нормалната" форма на елемента и обикновено се използва в случаите, когато е необходимо да се премахне мастилото. Например, следното вписване изключва по-дебели писане в CSS -font-тегло: нормален. След като сте прибягнали до подобен дизайн, можете да промените подразбиращия се по подразбиране надпис на заглавията в таговете <h1> -<h6>.

Обратната ситуация - е необходимо да зададете увеличена дебелина за текста на текста. В този случай за съответния маркер <р> е посочено правило за CSS -font-тегло смел.

Опции за настройка на дебелината

Последните версии на стиловия стандарт позволяват на потребителя сам да определи степента на насищане на текста. За да направите това, вместо описаните по-горе стойности нормален и смел използвайте техните цифрови еквиваленти.

Плътността на текста се определя от относителните стойности в диапазона от 100 до 900. Стъпката е равна на 100. Това означава, че за да присвоите плътност от 200, е необходимо да напишете в CSS font-тегло: 200. Разумен въпрос: какъв е броят на 200 и как да се разбере кога точно трябва да се приложи?

За да разберете дебелината на шрифта, ще помогнете на следния лист за изтриване на таблици.

Както следва от таблицата, следващото вписване на собствеността на CSS font-тегло: 400 е еквивалентно font-тегло: нормален. Ситуацията е аналогична на стойностите от 700 и смел. Как да предпишем атрибута - няма разлика.

Важна забележка: тази собственост не винаги работи. Причината е, че импортираният шрифт не поддържа различна степен на насищане. На практика най-често в шрифтовете се изграждат само нормални и смели очертания.