Свойство стиля fontFamily
Пример
Установите шрифт для элемента:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
Определение и использование
Свойство fontFamily задает или возвращает список имен семейств шрифтов и/или имен общих семейств для текста в элементе.
Браузер будет использовать первое значение, которое он распознает.
Существует два типа значений семейства шрифтов:
- font-family: название семейства шрифтов, например «verdana» или «arial».
- generic-family: название универсального семейства шрифтов, например «serif» или «sans-serif».
Совет: Всегда указывайте родовое имя в качестве последней альтернативы!
Примечание. Разделяйте каждое значение запятой.
Примечание. Если имя семейства шрифтов содержит пробелы, оно должно быть заключено в кавычки.
Подсказка: Просмотрите безопасные веб-шрифты, чтобы узнать о наиболее часто используемых комбинациях шрифтов.
Поддержка браузера
| Property | |||||
|---|---|---|---|---|---|
| fontFamily | Yes | Yes | Yes | Yes | Yes |
Синтаксис
Вернуть свойство fontFamily:
object.style.fontFamily
Установите свойство fontFamily:
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
Значения свойств
| Value | Description |
|---|---|
| font1, font2, etc. | A comma-separated list of font-family names and/or generic-family names |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
| Значение по умолчанию: | не определен |
|---|---|
| Возвращаемое значение: | Строка, представляющая имя шрифта текста в элементе. |
| CSS-версия | CSS1 |
Дополнительные примеры
Пример
Демонстрация возможных значений:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
Пример
Вернуть шрифт элемента:
alert(document.getElementById("demo").style.fontFamily);
Связанные страницы
Учебное пособие по CSS: шрифт CSS
Справочник по CSS: свойство семейства шрифтов
Справочник по HTML DOM: свойство шрифта
❮ Объект стиля