Свойства шрифта - font документа html

font-family

font-family - определяет тип используемого шрифта.

Можно указывать шрифт либо по названию (Arial), либо по типу (serif).

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

Тип шрифтов можно задавать следующий - monospace, serif, sans-serif, cursive, fantasy. Рекомендуется тип шрифта указывать в конце списка, тем самым обезопасив себя в случае, если ни одного из предусмотренных шрифтов не окажется в наличии.

font-size

font-size - определяет размер шрифта.

В качестве значений размера можно задавать величины, выраженные в пунктах, пикселях, миллиметрах, сантиметрах, дюймах, пиках, а также единицах ex, em. При задании размера при помощи единиц ex, функцию единицы измерения выполняет высота строчной буквы "x" текущего шрифта. em - позволяет указать размер относительно высоты шрифта в целом.

Можно задавать размер шрифта при помощи предопределенных констант(xx-small, x-small, small, medium, large, x-large, x-large, xx-large).

Либо при помощи относительных единиц (larger, smaller)

font-style

font-style - позволяет задавать признак курсивного начертания текста.

Допустимые значения: normal, italic, oblique

Предопределенная константа italic предназначена для выбора курсивной версии текущего шрифта, а oblique - наклонного варианта его начертания. Оба варианта одного шрифта различаются только углом наклона.

font-weight

font-weight - позволяет отобразить текст полужирным шрифтом.

Для изменения степени "жирности" текста используются следующие значения: normal, bold, bolder, lighter или числа от 100 до 900. Значение 100 соответствует самому светлому шрифту, 900 - самому жирному.

font-variant

font-variant - определение вид текста - обычный, либо написание заглавными буквами размером в строчные. Допустимые значения: normal, small-caps

Свойство color позволяет задать нужный цвет шрифта. Цвет шрифта может задаваться посредством наименования (red, yellow), шестнадцатеричным значением (#FF00AA), функцией RGB (25%,50%,0%), выражающей абсолютное или процентное содержание красной, зеленой и синей составляющих цвета.

<p style="font-family:sans-serif; 
font-size:larger; font-style:italic; 
font-weight:600; font-variant:small-caps; color:red">
Пример использования свойства шрифта font</p>

Пример использования свойства шрифта font