# font - family

С | Chrome | Opera | Safari | Firefox
7.0 | 8.0 | 9.0 | 7.0 | 8.0 | 9.6 | 10.0 | 10.0 | 3.1 | 4.0 | 5.0 | 3.0 | 3.6 | 4.0
Помилка | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так | Так

##

## Коротка інформація

CSS | CSS1, CSS2
Значення за умовчанням | Шрифт, встановлений у браузері за умовчанням. Зазвичай це Times New Roman.
Наслідує | Так
Застосовується | До усіх елементів
Аналог HTML | <font face=".".>
Посилання на специфікацію | http://www.w 3.org/TR/CSS21/fonts.html#propdef - font - family

### Опис

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

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

### Синтаксис

font - family: ім'я шрифту [, ім'я шрифту[, ..]] | inherit

### Значення

Будь-яка кількість імен шрифтів розділених комами. Універсальні сімейства шрифтів :

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

inherit Наслідує значення батька.

Приклад

HTML 4.01CSS 2.1IE 6IE 7IE 8Op 9.5Sa 3.1Ff 2.0Ff 3.0

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

    <html>

      <head>

        <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">

        <title>font - family</title>

        <style type="text/css">

          H1 {

            font - family: Geneva, Arial, Helvetica, sans - serif;

          }

          P {

            font - family: Georgia, 'Times New Roman ', Times, serif;

          }

        </style>

      </head>

      <body>

      <h1>Луцький національний техніний університет</h1>

      <p> Луцький національний техніний університет є одним із найкращих професійних закладів освіти у місті Луцьку.

      Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів.    .</p>

      </body>

    </html>

Результат цього прикладу показаний ні мал. 1.

Мал. 1. Застосування властивості font - family

### Об'єктна модель

[window.]document.getElementById("elementID").style.fontFamily

### Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.