Как увеличить шрифт в css

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

На мой взгляд предыдущий ответ вводит в заблуждение. В примере выше увеличение значения шрифта для body не повляет на увеличение заголовка, так как его размер задан в rem.

Следующий пример сформирует зависимость размера шрифта элемента от размера шрифта у body

body {
  font-size: 16px;
}

.txt {
  font-size: 1.5em;
}

Теперь увеличивая font-size для body шрифт указанный в .txt будут больше в полтора раза чем в body

год назад

Константин Волков

Размером шрифта можно управлять с помощью свойства font-size.

/* Размер основного шрифта страницы*/
body {
  font-size: 1.3rem;
}

/* Размер шрифта заголовка первого уровня*/
h1 {
  font-size: 2rem;
}

Здесь для определения размера используется единица rem. Если значение rem для <html> не задано, то оно принимается за 1rem, и все остальные размеры задаются относительно него. Таким образом, например, 1.2rem увеличит размер шрифта на 20%.

3 года назад

Roman Ashikov

1 месяц

Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

Анимация CSS

Навык создания анимаций в CSS для улучшения пользовательского опыта и повышения востребованности на рынке

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

Похожие вопросы