CSS-вага шрифту • Жирний шрифт
font-weight регулює ширину рядка (товщину) шрифту з кроком від 100 до 900. Передумовою для використання є те, що шрифт пропонує стилі шрифтів, оскільки більшість шрифтів мають 400 (звичайний) та 700 (жирний).
В іншому випадку шрифт із шрифтовою вагою: жирний працює як малі літери: браузер відображає його товщі. "Справжні" жирні шрифти легше читати.
Шрифт від дуже тонкого до надзвичайно жирного
Властивість CSS-font-weight пропонує вибір від тонкого або жирного через звичайний до жирного і дуже жирного, але вибраний шрифт повинен мати різні стилі у відповідних градаціях. Це не обов'язково стосується шрифтів, що постачаються такими операційними системами, як Arial, Helvetica та Times.
шрифт-вага
font-weight - міра ширини рядка шрифту. З шириною рядка текст набуває додаткового значення: усередині тексту товстий шрифт підкреслює окремі слова, у дизайні сторінки ширина рядка шрифту відображає ієрархію жирними заголовками.
Жирний жирний шрифт: жирний текст може стати досить жирним
Arial Black: Жирний текст може бути досить жирним
Arial Narrow: Жирний текст може бути досить товстим
Навіть якщо в системі відвідувача встановлено більше стилів шрифтів, старі браузери не розпізнавали б ці стилі: вони, звичайно, розпізнавали лише нормальний та жирний шрифт як вагу шрифтів.
Отже, тут немає різних жирних шрифтів (якщо шрифти встановлені на відвідувача), але справді жирних шрифтів:
шрифт із завантажуваними шрифтами
Завдяки правилу @ font-face та завантажуваним шрифтам сьогодні можливі градації, які вже були закріплені в CSS1, але ніколи не могли бути використані. Обов’язковою умовою є наявність або завантаження відповідних стилів шрифту.
Робото Крістіана Робертсона представляє широкий репертуар стилів шрифтів:
Шрифт можна зробити товстим і тонким (вага шрифту: 100)
Шрифт може зробити себе товстим і тонким (шрифт: 300)
Шрифт можна зробити товстим і тонким (шрифт: 400)
Шрифт можна зробити товстим і тонким (шрифт: 500)
Шрифт можна зробити товстим і тонким (шрифт: 700)
Шрифт можна зробити товстим і тонким (шрифт: 900)
Ви швидко зможете зрозуміти, що жирний шрифт має сенс лише для дуже великих розмірів шрифтів: font-weight: 700 та font-weight: 900 читаються лише з font-size: 2em і більше.
Помірно великі заголовки з HTML h1, h2 або h3 майже завжди легше читати за допомогою шрифту 400 (звичайний).
шрифт: жирний для кожного кольору
Раніше єдиним прийомом, який залишався для веб-дизайнерів, було використання яскравості, щоб підкреслити сміливі основні моменти.
Жирний текст може зробити по-справжньому щільним
Жирний текст може зробити по-справжньому щільним
Жирний текст може зробити по-справжньому щільним
Жирний текст може зробити по-справжньому товстим
Якщо відтінок сірого замість чорного, заголовки виглядають більш стриманими.
Шкала шрифту CSS від 100 до 900
нормальний, сміливий, сміливіший і легший
світліший звичайний жирний сміливіший 100 300 400 500 700 900
Тонкі кроки між різними вирізаними жирними шрифтами можливі лише за допомогою веб-шрифтів. Шрифти, що пропонують таку кількість стилів, зустрічаються рідко. Отже, ось Робото з веб-шрифтів Google за кроками.
Великий кінець
Давайте подивимося на журнали та книги з друку: тут навряд чи є будь-які терміни та уривки напівжирним шрифтом. Жирні заголовки, так, але, будь ласка, більшим шрифтом.
Жирний жир - це реліквія епохи друкарської машинки, коли не було великих шрифтів, а прохід було надруковано резервною копією каретки.
Зрештою, жирні фрагменти тексту виглядають як заклик до управління нерухомістю, сходовий майданчик чистий тримати.