font-family

Свойство CSS font-family позволяет назначать семейство шрифтов, которое будет использовано при оформлении текста.

font-family
Значения: capitalize | uppercase | lowercase | none | inherit
Начальное значение: none
Область применения: все элементы
Наследование: да
Поддержка браузерами: Internet Explorer 8+, Chrome 9+, Opera 9+, Safari 2+, Firefox 2+
Примечание:

Задавать можно как базовые семейства шрифтов, так и любое обособленные. Существует возможность задать несколько шрифтов, разделив их запятыми. Браузер будет по порядку проверять наличие шрифтов на компьютере пользователя, до тех пор, пока не наткнется на тот из них, который присутствует. Поэтому для большей уверенности, последним, обычно указывают базовое семейство шрифтов, к которому относится данный шрифт. Возможность назначить несколько шрифтов позволяет максимально точно донести до пользователя оформление текста, несмотря на возможное отсутствие у него на компьютере некоторых из них.
Для большей универсальности можно создавать таблицы стилей, указывая лишь базовые семейства шрифтов. Этого вполне хватит для того, чтобы выделить различные элементы веб-страниц по-разному.

p {font-family: sans-serif;}

Однако, для свойства CSS font-family можно указывать какие-либо определенные шрифты, чтобы удовлетворить творческому замыслу или просто добавить индивидуальности. В этом случае стиль будет выглядеть следующим образом

H1 {font-family: Verdana, sans-serif;}

В этом случае, если у пользователя на компьютере установлен шрифт Verdana, заголовки H1 будут оформлены им, в противном же случае они будут оформлены шрифтом по-умолчанию базового семейства sans-serif.
Если название шрифта состоит из нескольких слов, как например, Times New Roman, то его необходимо выделять одиночными или двойными кавычками

span {font-family: ‘Times New Roman’, serif;}

Пример

</pre>
<h2>Lorem ipsum dolor sit amet, <span class="cursive">ipsum in auctor</span>. Nec ipsum blandit, ac nunc eros. <code>Sed ut risus</code>, est vestibulum, volutpat sed.</h2>
<pre>
Eveniet torquent, vestibulum enim pellentesque, mollis tincidunt. <code>Commodo consequat</code>, hendrerit ut, tincidunt vel. Aliquam pellentesque felis. Pede imperdiet eget. Ante penatibus. Duis nulla.</pre>
<h4><code>A ac. Facilisis enim. Cum felis velit. </code>Mus ut, ut consectetuer, sed ullamcorper varius. Ac sed, pellentesque scelerisque ligula.</h4>
<pre>
Mauris pharetra et. Etiam mollis vel. Velit dignissim, sapien amet, nulla dolor. Id taciti pede, euismod nulla vulputate. Massa sapien, faucibus dui fusce. Cras quia turpis.

Результат

Свойство font-family

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *