Font-family (гарнітура) задає назву типу шрифту. Оскільки немає повної упевненості, що вказаний шрифт встановлений і доступний в будь-якому браузері, розробник може задати список альтернативних шрифтів в порядку убування переваги, розділивши список комами. Якщо назва шрифту містить пропуски, воно має бути поміщене в лапки. Приклад:
p font-family: 'Times New Roman', Times, serif;
Font-size (кегль) задає розмір шрифту в абсолютних або відносних одиницях
p1 font-size: small; /* варіанти: xx-small, x-small, small, medium, large, x-large, xx-large */
.p2 font-size: larger; /* варіанти: larger, smaller */ .p3 font-size: 10pt; /* розмір 10 пунктів */
.p3 font-size: 10px; /* розмір 10 пікселів. Залежить від розширення монітора */
.p3 font-size: 120%; /* 120% від розміру шрифту батьківського елементу */
Font-style перемикає між звичайним (normal) і курсивним (italic).
h3 font-style: italic; /* курсив
Font-weight задає насиченість (жирність) шрифту
Font-variant перемикає шрифт між звичайним (normal) і малими заголовними буквами (small-caps).
p:first-line font-variant: small-caps;
Line-height задає міжрядковий інтервал в розмірних одиницях або відсотках міжрядкового інтервалу батьківського об'єкту.
p line-height: 8mm;
Перераховані вище атрибути можуть бути об'єднані в складений атрибут font в наступному порядку: font-style, font-variant, font-weight, font-size, line-height, font-family.
Приклад: p font: italic normal 400 12px/14px Arial; /*
