...

Юг Клад

Антиквариат. Активный отдых и путешествия. Аукцион. Нумизматика. Коллекционирование.

Как изменить вид (семейство, гарнитуру) шрифта

В этом уроке вы узнаете, как с помощью HTML легко изменить семейство шрифта (гарнитуру) написанного вами текста. Существует множество различных шрифтов, которые объединяются в несколько семейств: serif (с засечками, например, Times New Roman), sans-seris (без засечек, например, Arial), monospace (моноширинные шрифты, например, Courier), fantasy (фантазийные), cursive (курсивные шрифты).

Чтобы задать тексту написание определённым шрифтом, используется контейнер <font>текст</font> с атрибутом face и указывается название шрифта в кавычках, например:

<font face="Tahoma" size="3" color="blue">Текст, написанный шрифтом Tahoma синего цвета с кеглем 3.</font></p>
<p><font face="Comic Sans MS" size="2" color="red">Текст, написанный шрифтом Comic Sans MS красного цвета с размером 2 кегля.</font></p>
<p><font face="Courier New" size="4" color="orange">Текст, написанный шрифтом Courier New оранжевого цвета с кеглем 4.</font><br />

Результат:

  • Текст, написанный шрифтом Tahoma синего цвета с кеглем 3.
  • Текст, написанный шрифтом Comic Sans MS красного цвета с размером 2 кегля.
  • Текст, написанный шрифтом Courier New оранжевого цвета
    с кеглем 4.

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

Внутри полотна текста:
<p style="font-family: Georgia, serif; color: green;">Текст зелёного цвета, написанный шрифтом Georgia.</p>
<p>В файле CSS:
p {
font-family: Georgia, serif;
color: green;
}

Результат:

Текст зелёного цвета, написанный шрифтом Georgia.

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

0 0 голосов
Рейтинг статьи
Подписаться
Уведомление о
guest

0 комментариев
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
0
У Вас есть вопрос? Задайте его в комментарияхx
163 запросов за 0,419 секунд.
Яндекс.Метрика