Свойства шрифта - 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
