Как мне обойтись без тега <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.1IE 9Cr 11Op 11Sa 5Fx 4

<!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. Вид страницы после изменения стилевых свойств

Если вам понравились материалы сайта, вы можете поддержать сайт, купив Рецепты CSS в формате CHM или в виде набора HTML-файлов за 50 р.