Для збільшення або зменшення шрифту застосовується стильова властивість 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>