Стилевой параметр font позволяет устанавливать несколько параметров одновременно.
font: [font-style || font-variant || font-weight] font-size [/line-height] font-family

font-style: normal | italic | oblique
Определяет начертание шрифта — обычное, курсивное или наклонное. Когда для текста установлено курсивное или наклонное начертание, браузер обращается к системе для поиска подходящего шрифта. Если заданный шрифт не найден, браузер использует специальный алгоритм для имитации нужного вида текста.


<span style="font-style: normal; font-size: 18px;">нормальный текст</span> Нормальный текст
<span style="font-style: italic; font-size: 18px;">Курсив</span> Курсив
<span style="font-style: oblique; font-size: 18px;">Наклоный текст</span> Наклоный текст

font-variant: normal | small-caps
Определяет, как нужно представлять строчные буквы — оставить их без модификаций или делать их все прописными уменьшенного размера. Такой способ изменения символов называется капителью.
<span style="font-variant: normal; font-size: 18px;">нормальный текст</span> Нормальный текст
<span style="font-style: small-caps; font-size: 18px;">Капитель</span> Капитель

font-size: абсолютный размер | относительный размер | значение | проценты
Для задания абсолютного размера используются следующие значения: xx-small, x-small, small, medium, large, x-large, xx-large.
Также разрешается использовать любые допустимые единицы CSS: em (высота шрифта элемента), ex (высота символа х), пункты (pt), пикселы (px), проценты (%) и др. За 100% берется размер шрифта родительского элемента. Отрицательные значения не допускаются.
<span style="font-size: 22px;">Текст 22 пикселя</span> Текст 22 пикселя
<span style="font-size: 2.5em;">Текст 2.5em</span> Текст 2.5em
<span style="font-size: 110%;">Текст 110%</span> Текст 110%

font-family: имя шрифта [, имя шрифта[, ...]]
Любое количество имен шрифтов разделенных запятыми. Универсальные семейства шрифтов:

• serif — шрифты с засечками (антиквенные), типа Times;
• sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
• cursive — курсивные шрифты;
• fantasy — декоративные шрифты;
• monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова.

Когда браузер встречает первый шрифт в списке, он проверяет его наличие на компьютере пользователя. Если такого шрифта нет, берется следующее имя из списка и также анализируется на присутствие.
<span style="font-family: Verdana, Tahoma, Arial, 'Trebuchet MS', Sans-Serif, Georgia, Courier, 'Times New Roman, Serif'; font-size: 18px;">Текст</span> Текст

font-weight: bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Устанавливает насыщенность шрифта. Значение устанавливается от 100 до 900 с шагом 100. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст — значению 700.
Насыщенность шрифта задается с помощью ключевых слов: bold — полужирное, bolder — жирное; lighter — светлое, normal — нормальное начертание. Также допустимо использовать условные единицы от 100 до 900.

<span style="font-weight: 100; font-size: 18px;"> 100 </span> 100
<span style="font-weight: 200; font-size: 18px;"> 200 </span> 200
<span style="font-weight: 300; font-size: 18px;"> 300 </span> 300
<span style="font-weight: 400; font-size: 18px;"> 400 </span> 400
<span style="font-weight: 500; font-size: 18px;"> 500 </span> 500
<span style="font-weight: 600; font-size: 18px;"> 600 </span> 600
<span style="font-weight: 700; font-size: 18px;"> 700 </span> 700
<span style="font-weight: 800; font-size: 18px;"> 800 </span> 800
<span style="font-weight: 900; font-size: 18px;"> 900 </span> 900