Style fontFamily 属性

Style fontFamily атрибут

Определение и использование fontFamily

Атрибут устанавливает или возвращает список имен семейств (font-family) и/или универсальных серий (generic-family) шрифтов текста элемента.

Браузер будет использовать первый из них, который он может распознать.

  • Есть два типа значений font-family:
  • font-family: имя семейства шрифтов, например "verdana" или "arial"

generic-family: имя универсального семейства шрифтов, например "serif" или "sans-serif"

Совет

Всегда указывайте общие серийные имена в качестве последнего выбора!

Пожалуйста, разделите каждый значений запятыми.

Если имя семейства шрифтов содержит пробелы, его необходимо заключить в кавычки. См.Безопасные шрифты в Интернете

для информации о常用的 сочетаниях шрифтов.

См. также:Шрифты CSS

Учебник CSS:Руководство по CSS:

Атрибут font-familyРуководство по HTML DOM:

Атрибут font

Пример

Пример 1

Установить шрифт элемента <p>:

Попробуйте сами

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

Пример 2

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

Попробуйте сами

Пример 3

Вернуть шрифт элемента <p>:

alert(document.getElementById("myP").style.fontFamily);

Попробуйте сами

Синтаксис

Вернуть атрибут fontFamily:

object.style.fontFamily

Установить атрибут fontFamily:

object.style.fontFamily = "font1, font2...|initial|inherit"

Значение атрибута

Значение Описание
font1, font2... Список имен семейств шрифтов и/или общих серийных названий, разделенных запятыми.
initial Установите этот атрибут в его значение по умолчанию. См. initial.
inherit Этот атрибут наследуется от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: Не определено
Возвратное значение: Строка, представляющая имя шрифта элемента текста.
Версия CSS: CSS1

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка