Как увеличить размер шрифта?

Для увеличения или уменьшения шрифта применяется стилевое свойство font-size, значение которого определяет размер текста. В качестве единиц можно применять rem; так, 1rem соответствует размеру шрифта всей веб-страницы. Таким образом, чтобы увеличить шрифт, указываем значение больше 1, например, 1.2rem, что увеличит размер текста на 20%. Ниже показано как задать размер основного текста всей веб-страницы через CSS (пример 1).

Пример 1. Использование font-size

body {
  font-size: 1.2rem;
}

Аналогично определяется размер шрифта и других элементов, в частности, заголовков. В примере 2 показано как задать размер заголовка <h2>.

Пример 2. Размер заголовка

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Размер текста</title> <style> body { font-size: 1.1rem; /* Размер основного шрифта */ } h2 { font-size: 1.6rem; /* Размер заголовка */ } </style> </head> <body> <h2>Заголовок</h2> <p>Пример текста</p> </body> </html>

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 14.04.2020
Редакторы: Влад Мержевич
Как научиться разрабатывать сайты