Font-family: Georgia, 'Times New Roman', serif

Якщо на комп'ютері користувача встановлений шрифт Georgia, то буде використовуватися він, якщо немає – то Times New Roman. Якщо ж і Times New Roman відсутній, то браузер використовуватиме шрифт із зарубками, який встановлений на комп'ютері.

Ще в CSS2 була реалізована підтримка методу @font-face для завантаження бракуючих шрифтів з сервера, але до недавнього часу не всі браузери підтримували цю можливість. Зараз @font-face працює в останніх версіях Firefox, Opera, Safari. Inernet Explorer реалізує @font-face з 4 версії, але підтримує лише шрифти у форматі EOT (Embedded Opentype), які можуть бути отримані з Truetype і Opentype програмою-конвертером.

font-size – розмір шрифту. Може задаватися абсолютним значенням в пунктах (pt) або пікселях (px) або відносним – у відсотках (%) або в em. Приклад:

font-size: 12pt

або

font-size: 150%

font-style – задає зображення тексту:normal (звичайне),

italic (курсив)

oblique (похиле).

Курсивне зображення є спеціальною зміненою версією шрифту, що імітує рукописний текст з нахилом вправо. Похиле зображення виходить із звичайного, нахилом букв.

Звичайно браузер не може відображати похилий шрифт і заміняє його курсивом.

font-weight – дозволяє змінити рівень жирності тексту:normal (звичайня),

bold (напівжирна).

Дія аналогічна тегу <b>.

У специфікації CSS 2.1 визначені і інші значення властивості font- weight окрім normal і bold, але на даний момент браузери погано їх підтримують.

color – задає колір тексту. Наприклад, задамо червоний колір для всіх заголовків:

H1, H2, H3, H4, H5, H6 {color: #ff0000}

Або

H1, H2, H3, H4, H5, H6 {color: red}

line-height – міжрядковий інтервал, вказує відстань між рядками тексту. Може задаватися числом як множник від поточного розміру шрифту, у відсотках, а також в пунктах (pt), пікселях (px) і других одиницях виміру CSS. Приклад:

line-height: 1.5; /* півторашний інтервал */

У програмуванні прийнято відокремлювати цілу частина числа від дробовою крапкою, як в англійській мові. У російській мові використовується кома.

text-decoration – задає оформлення тексту: line-through (перекреслений),

none (відключення ефектів).

Наприклад, відключимо підкреслення в гіперпосиланнях:

A {text-decoration: none}