Покращення Тексту За Допомогою Типографічних Утиліт
Tailwind CSS надає потужний набір утиліт для керування типографікою, що дозволяє легко контролювати розміри шрифтів, товщину шрифтів та міжрядкові інтервали. Ці утиліти допомагають забезпечити послідовне та легкочитане оформлення тексту на різних пристроях і екранах.
Розмір шрифту
Утиліти розміру шрифту в Tailwind CSS дозволяють змінювати розмір тексту. Вони мають зрозумілу систему іменування, що спрощує застосування різних розмірів.
| Font Size | Description |
|---|---|
text-xs | Extra small text. |
text-sm | Small text. |
text-base | Base text (default size). |
text-lg | Large text. |
text-xl | Extra large text. |
text-2xl, text-3xl, text-4xl, text-5xl, text-6xl | Increasingly larger text sizes. |
index.html
Товщина шрифту
Утиліти товщини шрифту керують товщиною або насиченістю тексту. Tailwind CSS надає декілька утиліт для широкого діапазону товщин шрифту: від тонкого до чорного.
| Font Weight | Description |
|---|---|
font-thin | Тонка товщина шрифту. |
font-light | Легка товщина шрифту. |
font-normal | Звичайна товщина шрифту. |
font-medium | Середня товщина шрифту. |
font-semibold | Напівжирна товщина шрифту. |
font-bold | Жирна товщина шрифту. |
font-extrabold | Дуже жирна товщина шрифту. |
font-black | Чорна товщина шрифту. |
index.html
Міжрядковий інтервал
Утиліти міжрядкового інтервалу керують вертикальним відступом між рядками тексту. Правильний міжрядковий інтервал покращує читабельність і загальний вигляд текстових блоків.
| Line Height | Description |
|---|---|
leading-none | Відсутній міжрядковий інтервал. |
leading-tight | Щільний міжрядковий інтервал. |
leading-snug | Компактний міжрядковий інтервал. |
leading-normal | Звичайний міжрядковий інтервал. |
leading-relaxed | Розслаблений міжрядковий інтервал. |
leading-loose | Вільний міжрядковий інтервал. |
leading-3, leading-4, leading-5, etc. | Конкретний числовий міжрядковий інтервал. |
index.html
Примітка
Якщо потрібна конкретна інформація про розмір шрифту, товщину шрифту або міжрядковий інтервал, скористайтеся наступними посиланнями:
1. Який клас використовується для встановлення розміру шрифту на extra large?
2. Який клас утиліти використовується для того, щоб зробити текст жирним?
3. Який клас встановлює розслаблену міжрядкову відстань?
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
Awesome!
Completion rate improved to 3.57Покращення Тексту За Допомогою Типографічних Утиліт
Свайпніть щоб показати меню
Tailwind CSS надає потужний набір утиліт для керування типографікою, що дозволяє легко контролювати розміри шрифтів, товщину шрифтів та міжрядкові інтервали. Ці утиліти допомагають забезпечити послідовне та легкочитане оформлення тексту на різних пристроях і екранах.
Розмір шрифту
Утиліти розміру шрифту в Tailwind CSS дозволяють змінювати розмір тексту. Вони мають зрозумілу систему іменування, що спрощує застосування різних розмірів.
| Font Size | Description |
|---|---|
text-xs | Extra small text. |
text-sm | Small text. |
text-base | Base text (default size). |
text-lg | Large text. |
text-xl | Extra large text. |
text-2xl, text-3xl, text-4xl, text-5xl, text-6xl | Increasingly larger text sizes. |
index.html
Товщина шрифту
Утиліти товщини шрифту керують товщиною або насиченістю тексту. Tailwind CSS надає декілька утиліт для широкого діапазону товщин шрифту: від тонкого до чорного.
| Font Weight | Description |
|---|---|
font-thin | Тонка товщина шрифту. |
font-light | Легка товщина шрифту. |
font-normal | Звичайна товщина шрифту. |
font-medium | Середня товщина шрифту. |
font-semibold | Напівжирна товщина шрифту. |
font-bold | Жирна товщина шрифту. |
font-extrabold | Дуже жирна товщина шрифту. |
font-black | Чорна товщина шрифту. |
index.html
Міжрядковий інтервал
Утиліти міжрядкового інтервалу керують вертикальним відступом між рядками тексту. Правильний міжрядковий інтервал покращує читабельність і загальний вигляд текстових блоків.
| Line Height | Description |
|---|---|
leading-none | Відсутній міжрядковий інтервал. |
leading-tight | Щільний міжрядковий інтервал. |
leading-snug | Компактний міжрядковий інтервал. |
leading-normal | Звичайний міжрядковий інтервал. |
leading-relaxed | Розслаблений міжрядковий інтервал. |
leading-loose | Вільний міжрядковий інтервал. |
leading-3, leading-4, leading-5, etc. | Конкретний числовий міжрядковий інтервал. |
index.html
Примітка
Якщо потрібна конкретна інформація про розмір шрифту, товщину шрифту або міжрядковий інтервал, скористайтеся наступними посиланнями:
1. Який клас використовується для встановлення розміру шрифту на extra large?
2. Який клас утиліти використовується для того, щоб зробити текст жирним?
3. Який клас встановлює розслаблену міжрядкову відстань?
Дякуємо за ваш відгук!
