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

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

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


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

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

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

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


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

Опции за прагови задачи

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

Стойности на свойството



Резултат



100



Ултра-тънко писане.



200



Тънка правопис.



300



Писане на светлина.



400



Нормално писане. Съответства на нормалната стойност.



500



Среден правопис.



600



Получерен текст.



700



Дебело писане. Мачове с удебелен шрифт.



800



Екстра уплътняване.



900



Екструдиран правопис.

Както следва от таблицата, следният запис за свойството CSS font-weight: 400 е еквивалентен на font-weight: normal. Подобна е ситуацията със стойности 700 и получер. Как да предпише атрибута - няма разлика.
Важна забележка: разглежданият имот не винаги работи. Причината е, че импортираният шрифт не поддържа различни нива на насищане. На практика най-често използваните шрифтове са само нормални и удебелени символи.

Свързани публикации