Атрибут face тега <basefont>
Описание
Атрибут face для тега <basefont> задавал базовый шрифт для всего документа. Этот атрибут, как и сам тег, устарел и был удалён из HTML5.
Исторический пример (не рекомендуется):
<head>
<basefont face="Arial, Helvetica, sans-serif" size="4" color="black">
</head>
<body>
<p>Текст будет отображаться указанным шрифтом</p>
</body>
Особенности атрибута:
- Принимал список шрифтов через запятую (font stack)
- Браузер использовал первый доступный шрифт из списка
- Работал только если шрифт был установлен в системе
- Не поддерживал веб-шрифты
Современная альтернатива (CSS):
<head>
<style>
body {
font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
</style>
</head>
| Проблема face | Решение в CSS |
|---|---|
| Ограничен системными шрифтами | Поддержка веб-шрифтов (@font-face) |
| Нет контроля над загрузкой | font-display и preload |
| Жёсткое наследование | Гибкая система каскада |
Важно: В современных браузерах тег <basefont> и атрибут face игнорируются. Используйте CSS-свойство font-family.
Пример с веб-шрифтами:
<head>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body {
font-family: 'Roboto', sans-serif;
}
</style>
</head>
Рекомендации:
- Всегда указывайте резервные шрифты (sans-serif, serif)
- Используйте font-display: swap для веб-шрифтов
- Оптимизируйте загрузку шрифтов через preload
- Тестируйте отображение при отсутствии веб-шрифтов