Як змінити розмір шрифту в HTML

click fraud protection
Дівчина (5-7) сидить на дивані з ноутбуком, вид ззаду

Легко змінюйте розмір шрифту веб-сторінки за допомогою CSS.

Авторство зображення: Ableimages/Photodisc/Getty Images

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

Визначення розміру шрифту за допомогою CSS

Розміри шрифту встановлюються на вашій веб-сторінці за допомогою атрибута CSS "font-size". Розміри шрифтів зазвичай визначають за допомогою типографічна міра "em", де 1,0 - поточний розмір шрифту, або відсотки, де 100 відсотків - поточний шрифт розмір. Ви також можете використовувати назви попередньо встановлених значень, наприклад «smaller», «larger», «small» і «xx-large». При визначенні розміру у пікселях або точках дійсний, це не рекомендується, оскільки ваш текст може неправильно масштабуватися в певних частинах обставини.

Відео дня

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

Цей текст більший за звичайний.

Цей текст менший.

Цей текст також менший.

Використання CSS у вашій таблиці стилів

Якщо ваша веб-сторінка має таблицю стилів CSS, або вбудовану в заголовок сторінки, або визначену в окремому файлі, ви можете змінити розмір шрифту там. Таблиці стилів зручні для внесення глобальних змін до вашої веб-сторінки. Знайдіть або додайте декларацію, яку ви хочете змінити, і додайте код розміру шрифту. Наприклад, щоб збільшити розмір шрифту для всіх тегів абзацу, використовуйте:

p { font-size: 125%; }