CSS-свойство font-family
Описание: Определяет семейство шрифтов для текста элемента, влияя на его визуальный стиль и читаемость.
Значения:
- Системные шрифты (например, Arial, Times New Roman)
- Шрифты с подключением через @font-face или внешние сервисы (например, Google Fonts)
- Общие семейства шрифтов (например, serif, sans-serif, monospace)
- inherit
- initial
- unset
Начальное значение: Зависит от браузера (обычно serif)
Применяется к: Все элементы, содержащие текст
Наследуется: Да
Медиа-тип: visual
Пример использования
h1 {
font-family: 'Arial', sans-serif;
}
Доступность (a11y)
- Выбирайте шрифты с хорошей читаемостью, особенно для длительного чтения.
- Избегайте использования декоративных шрифтов для основного текста, так как они могут затруднить восприятие информации.
- Убедитесь, что выбранные шрифты поддерживают необходимые языковые символы и вариации.