css властивість font-size-adjust

Властивість font-size-adjust дає кращий контроль розміру шрифту, коли перший обраний шрифт недоступний.

Розмір шрифту, який відображається залежить більшою мірою не від властивості font-size, яка визначає лише загальний розмір шрифту, а від співвідношення значень властивості font-size і величиниx-height (x-height - це різниця між розміром малої літери "x" і великої літери "X" для певного шрифту). Це співвідношення називається аспектом шрифту і розраховується за формулою: аспект = font-size / x-height.

Проблему розмірів вирішує властивість font-size-adjust (вона дозволяє змінювати аспект шрифту), яка змусить виглядати другий шрифт такого ж розміру, як і перший.

правити

+ додати пораду чи нотатку

Синтаксис

font-size-adjust: number|none|initial|inherit;

Властивість font-size-adjust може отримувати 4 значень:

number

Визначає значення аспекту для використання

автор: Svitlana

правити

none

Не регулює розмір шрифту

автор: Svitlana

правити

initial

Модифікує всі рядкові символи як заголовні зменшеного розміру

автор: Svitlana

правити

inherit

Вказує на спадковість властивостей від свого батьківського елемента

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	127	3	16.4	113	127	—

Підтримка: мобільні переглядачі

Переглядач
	127	127	4	16.4

Приклади

+ запропонувати свій приклад у пісочниці

<p class="no">Без коригування: <span>Verdana</span> та <span class="t">Times New Roman</span></p>
<p class="yes">З font-size-adjust: <span>Verdana</span> та <span class="t">Times New Roman</span></p>

p {
    font-size: 22px;
}

span {
    font-family: Verdana, sans-serif;
}

.t {
    font-family: "Times New Roman", serif;
}

.yes span {
    font-size-adjust: 0.58;
}