Как изменить размер шрифта в HTML

Вы можете контролировать размер шрифта своей веб-страницы, используя свойство font-size языка стилей HTML, каскадных таблиц стилей. Начиная с HTML 5, подход CSS к стилю шрифта заменяет старый тег «font». Хотя тег font действителен для ваших веб-страниц в формате HTML 4, он больше не поддерживается как допустимый тег в HTML 5.

Определение размера шрифта с помощью CSS

Размер шрифта задается на вашей веб-странице с помощью CSS-атрибута font-size. Размеры шрифта обычно определяются с помощью типографской меры «em», где 1,0 — текущий размер шрифта, или в процентах, где 100 процентов — текущий размер шрифта. Вы также можете использовать предустановленные имена значений, такие как «меньше», «больше», «маленький» и «xx-большой». Хотя определение размера в пикселях или точках допустимо, это не рекомендуется, поскольку в определенных обстоятельствах ваш текст может неправильно масштабироваться.

Использование CSS в тегах HTML

Вы можете использовать стили практически в любом теге HTML в теле вашей веб-страницы. Добавьте атрибут «стиль» к тегу с атрибутом размера шрифта CSS, установленным на нужный размер. Стиль влияет на текст между началом и концом тега, например:

Этот текст больше обычного.

Этот текст меньше.

Этот текст также меньше.

Использование CSS в вашей таблице стилей

Если на вашей веб-странице есть таблица стилей CSS, встроенная в заголовок вашей страницы или определенная в отдельном файле, вы можете изменить размер шрифта там. Таблицы стилей удобны для внесения глобальных изменений в вашу веб-страницу. Найдите или добавьте объявление, которое вы хотите изменить, и добавьте код размера шрифта. Например, чтобы увеличить размер шрифта для всех тегов абзаца, используйте:

p {размер шрифта:125%;