Атрибут face тега <font> — гарнітура шрифту
Атрибут face служить для завдання гарнітури шрифтів, що використовуються для тексту. Назв шрифтів можна навести кілька, через кому. В цьому випадку, якщо перший зазначений шрифт не буде знайдений, браузер стане використовувати наступний за списком.
Загальний опис
автор: NagarD
Синтаксис
<font face="шрифт1, шрифт2,...">...</font>Атрибут face може отримувати єдине значення:
-
number -
Число від 1 до 7, яке визначає розмір тексту. Браузер без задання задає значення 3.
автор: NagarD
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1 | 1 | ≤4 | 15 | 12 | ≤11 |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 4.4 | 18 | 4 | ≤3.2 |
Приклади
+ запропонувати свій приклад у пісочниці
Чотири рядки: атрибут face зі списком шрифтів; той самий атрибут усередині блока з успадкованою Georgia (перемагає атрибут); той самий атрибут проти класу з font-family (перемагає CSS); і сучасна заміна взагалі без теґа font.
HTML
<p><font face="Courier New, monospace">1. Атрибут face: браузер бере перший
шрифт зі списку, який знайде в системі читача.</font></p>
<div class="georgia">
<p>2. Цей блок має font-family: Georgia — звичайний текст успадковує її.</p>
<p><font face="Courier New, monospace">А цей рядок перебив успадковану
Georgia атрибутом face — саме так ламається типографіка сторінки.</font></p>
</div>
<p><font face="Courier New, monospace" class="wins">3. Той самий атрибут, але
в стилях для цього рядка задано font-family — виграє CSS.</font></p>
<p class="modern">4. Сучасна заміна: жодного теґа font, лише клас
із font-family і родовим іменем monospace в кінці списку.</p>CSS
p {
margin: 10px 0;
max-width: 520px;
}
.georgia {
margin: 14px 0;
padding: 8px 12px;
border-left: 6px solid #b9c6d8;
background: #f6f9ff;
font-family: Georgia, "Times New Roman", serif;
}
.wins {
font-family: Georgia, serif;
}
.modern {
font-family: "Courier New", monospace;
color: #1b4f9c;
}Найпростіший приклад використання HTML атрибута face теґа <font>
<p><b>Приклад використання атрибута "face"</b></p>
<p>З використанням атрибута "face" </p>
<p><font face="cursive" >Весною все на землі пробуджується до нового життя. Розтає сніг, з’являється молода зелена травичка.</font></p><br>
<p>Без використання атрибута "face" </p>
<p>Весною все на землі пробуджується до нового життя. Розтає сніг, з’являється молода зелена травичка.</p>Різниця між HTML 4.01 та HTML5
Атрибут face для тегу <font> не підтримується у HTML5. Користуйтеся для цього CSS. Наприклад, <p style="font-family: verdana">
Коментарі
Коментарів ще немає — будьте першим!