Как мне обойтись без тега <font>



Низкая сложность

Тема: 
Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

Задача

Заменить <font> стилями.

Решение

Тег <font> уже не входит в спецификацию HTML 4 и не рекомендуется к использованию. Взамен предлагается применять стили. Так, для выбора гарнитуры воспользуйтесь стилевым свойством font-family, для размера — font-size, а для управления цветом — color, как показано в примере 1.

Пример 1. Параметры текста

HTML5CSS 2.1IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Параметры текста</title>
  <style>
   p {
    color: navy; /* Цвет текста */
    font-family: Arial, sans-serif; /* Рубленый шрифт */
    font-size: 90%; /* Размер текста */
   }
  </style>
 </head>
 <body>
  <p>Пример синего текста с использованием шрифта без засечек.</p>
 </body>
</html>

Результат данного примера показан на рис. 1.

Изменение свойств шрифта через стили

Рис. 1. Вид страницы после изменения стилевых свойств

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.