Толщина шрифта в CSS.

В свойстве font-weight указывается толщина или "жирность" шрифта символов документа при создании страниц вашего сайта. Таким образом, поможет при создании и оформлении своего сайта и будет меньше вопросов: " Как создать сайт?"

Элемент font-weight в CSS. Значения:

                 ВоТ, посмотрите разные варианты
                 значений толщины шрифта
                                normal
                                bold
                                bolder
                                lighter
                                100
                                200
                                300
                                400
                                500
                                600
                                700
                                800
                                900
                                inherit

Начальное значение атрибута элемента font-weight: normal. Применимо: Ко всем элементам. Наследуется: Да.

Толщину шрифта символов можно указать либо при помощи описательного слова( normal, bold, bolder, lighter), либо в форме одного из девяти указанных выше числовых значений. По умолчанию принимается значение normal, которое соответствует значению 400 на числовой шкале. Обычный шрифт bold соответствует значению 700 на числовой шкале.

                Вот эта шкала толщины шрифта символов документа, посмотрите на
                соответствие значения атрибута font-weight табличным: 
 
         normal------

Посмотрите.

bold--------

Посмотрите.

bolder------

Посмотрите.

lighter----

Посмотрите.

100------------

Посмотрите.

200------------

Посмотрите.

300------------

Посмотрите.

400------------

Посмотрите.

500------------

Посмотрите.

600------------

Посмотрите.

700------------

Посмотрите.

800------------

Посмотрите.

900------------

Посмотрите.

inherit----

Посмотрите.

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

В семействе шрифтов может не быть гарнитуры, соответствующей всем девяти уровням толщины( некоторые могут иметь только варианты normal и bold). Обратите внимание, что «жирность» возникает при значении 600, а не 700.

Очевидно, что числовые значения font-weight не слишком полезны, если у шрифта нет вариантов для разной величины толщины. В их использовании не будет никакого вреда, но не ждите, что они изменят толщину шрифта. В этом случае просто будет выполнен поиск доступных вариантов. К сожалению, в современных браузерах нет единообразия в поддержке свойства font-weight, главным образом из-за отсутствия шрифтов, удовлетворяющих критерию. Надеюсь, с течением времени на всех браузерах будет единообразие и не будет широкой гаммы не соответствия. как сейчас в разных разделах программирования. Лед тронулся и унифицирование программ браузеров постепенно налаживается.

 
                    здесь Вы видите под значениями "жирности" ее соответствующие
                    числовые значения, во всяком случае так должно быть:

                           normal | bold | bolder | lighter 
                            100 | 200 | 300 |  400 | 500 |   
                              600 | 700 | 800 | 900

Влияние разных значений толщины шрифта и как создать сайт.

Особенно бесполезны значения, которые предназначены для того, чтобы сделать толщину шрифта меньше, чем нормальный. Из всех возможных значений только значения bold и bolder будут надежно отображаться как жирный шрифт. Большинство разработчиков использует только эти значения, игнорируя остальные. Да, и волнения здесь ни к чему. потому как жирные шрифты редко используются и быстро надоедают глазу, потому и редко применяется.

Еще хочу заметить, что толщина шрифта сильно зависит от назначенного стиля шрифта. Поэтому тут требуется время и навыки для более точного отражения вашего текста на странице сайта. Работайте и экспереминтируйте со всякими стилями и значениями шрифта, что более точно и интересне выразить контент на странице сайта.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед