CSS : Свойства шрифта

font

Задает параметры шрифта элемента страницы.

Заменяет атрибуты font-family, font-height, font-size, font-style, font-variant и font-weight. Значения этих атрибутов могут располагаться в любом порядке.

font: {font-family} [{font-height}] [{font-size}] [{font-style}] [{font-variant}] [{font-weight}];

Значение по умолчанию - normal normal normal medium normal "Times New Roman".

Альтернативный формат:

font: caption|icon|menu|message-box|small-caption|status-bar;

В этом случае доступны шесть предопределенных значений, задающие один из стандартных шрифтов, используемых в элементах интерфейса Windows:

• font: caption; - шрифт заголовка кнопок, текстовых меток и т.п.;
• font: icon; - шрифт подписей под пиктограммами;
• font: menu; - шрифт пунктов меню;
• font: message-box; - шрифт содержимого стандартных окон-предупреждений;
• font: small-caption; - мелкий шрифт заголовков;
• font: status-bar; - шрифт содержимого строки состояния.

Поддерживается IE начиная с 4.0

font-family

Указывает имя шрифта или шрифтового семейства, используемого в элементе страницы.

font-family: {Имя шрифта}|serif|san-serif|cursive|fantasy|monospace;

В качестве значения этого атрибута задается либо непосредственно имя нужного шрифта, либо одно из пяти предопределенных значений, задающих имя шрифтового семейства. Можно задавать одновременно несколько шрифтов, разделив их имена запятыми; в этом случае Web-обозреватель сможет выбрать из них тот, который установлен на компьютере клиента. Если имя шрифта содержит пробелы, его следует взять в кавычки.

font-family: "Times New Roman",sans-serif;

Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.

Поддерживается NN начиная с 4.0

font-weight

Задает "жирность" шрифта, используемого в элементе страницы.

font-weight: normal|bold|bolder|lighter|100..900;

"Жирность" может быть задана тремя способами. Во-первых, предопределенными значениями normal и bold, задающими обычное и жирное начертание соответственно. Во-вторых, относительными значениями bolder и lighter, делающими шрифт элемента страницы жирнее и светлее шрифта родителя. И, в-третьих, одним из девяти значений от 100 до 900; здесь нормальному начертанию соответствует значение 400, а жирному - 700.

• font-weight: normal; - обычный;
• font-weight: lighter; - светлее;
• font-weight: bold; - жирный;
• font-weight: bolder; - жирнее;

font-weight: от 100 до 900 - любое значение, кратное 100 (200,700).

Значение по умолчанию normal.

Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых. При этом IE 4.0 и более старые версии распознавали только значения normal и bold этого атрибута.

Поддерживается NN начиная с 4.0

font-size

Задает размер шрифта, используемого в элементе страницы.

font-size: xx-small|x-small|small|medium|large|x-large|xx-large|larger|smaller|{Абсолютный размер}|{Относительный размер}%;

Возможно задание либо абсолютного размера шрифта в одной из поддерживаемых CSS единиц измерения, либо как процент от размера шрифта родителя. Также доступны девять определенных значений.

• font-size: 200% - относительная величина (проценты)
• font-size: 150px - размер в пикселях
• font-size: 300pt - размер в пунктах
• font-size: {xx-small,small,medium,large,x-large,xx-large} - задают один из семи размеров шрифтов, поддерживаемых HTML
• font-size: {smaller,larger} - задают размер шрифта, который на размер либо больше, либо меньше родительского шрифта соответственно

Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.

Поддерживается NN начиная с 4.0

font-style

Задает начертание шрифта.

font-style: normal|italic|oblique;

• font-style: normal; - задает обычный вид шрифта (используется по умолчанию);
• font-style: italic - курсивное начертание;
• font-style: obligue - наклонное начертание (легкий наклон нормального шрифта) (IE отображает как курсив, а NN не поддерживает).

Поддерживается IE начиная с 3.02 для текстовых элементов и начиная с 4.0 для нетекстовых.

Поддерживается NN начиная с 4.

font-variant

Задает вид малых букв шрифта, используемого в элементе страницы.

font-variant: normal|small-caps;

• font-variant: normal; - задает обычный вид малых букв шрифта (используется по умолчанию);
• font-variant: small-caps; - делает их такими же, как большие буквы, только меньшего размера (капитель).

Поддерживается IE начиная с 4.0