Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style fontFamily Property

<Style Object

пример

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

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";
Попробуй сам "

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

Множества свойства FontFamily или возвращает список имен шрифтов семьи и / или имена родового семейства для текста в элементе.

Браузер будет использовать первое значение, которое он признает.

Есть два типа шрифта семейных ценностей:

  • семейство шрифтов: Название шрифта семьи, как "verdana" или "arial"
  • родовая семья: имя общего семейства шрифтов, как "serif" или "sans-serif"

Tip: Всегда указывайте имя родовой семьи в качестве последней альтернативы!

Примечание: Отделить каждое значение с запятой.

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

Tip: Посмотрите на веб - безопасных шрифтов для часто используемых шрифтов комбинаций.

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Свойство FontFamily поддерживается во всех основных браузерах.

Синтаксис

Возвращает свойство FontFamily:

object .style.fontFamily

Установите свойство FontFamily:

object .style.fontFamily=" Значения свойств
Стоимость Описание
font1, font2, etc. Разделенный запятыми список имен шрифтов семьи и / или имена родовое семейства
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

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

Еще примеры

пример

Демонстрация возможных значений:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;
Попробуй сам "

пример

Возвращает шрифт для <p> элемент:

alert(document.getElementById("myP").style.fontFamily);
Попробуй сам "

Похожие страницы

CSS учебник: CSS шрифт

Ссылка CSS: font-family property

HTML DOM ссылка: font property

<Style Object