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

Девушка (5-7) сидит на диване с ноутбуком, вид сзади

Легко измените размер шрифта вашей веб-страницы с помощью CSS.

Кредит изображения: Ableimages / Фотодиск / Getty Images

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

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

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

Видео дня

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

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

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

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

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

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

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