Vlastnost font-size-adjust

Vlastnost font-size-adjust umožňuje kontrolovat velikost písma, při nezměněné font-size (zvětšovat nebo zmenšovat).

Aplikace: předpokládejme, že v font-family jsou zadána dvě písma oddělená čárkou, například, Georgia, "Times New Roman". Předpokládejme, že v počítači uživatele není písmo Georgia - v tomto případě se použije "Times New Roman". Avšak čeká nás problém - při stejné hodnotě font-size budou písma vypadat rozdílně. V příkladu níže je oběma odstavcům nastaven font-size na 16px, ale různé font-family. Podívejte se, jak se liší velikosti:

<p style="font-size: 16px; font-family: Georgia;">
	Lorem ipsum dolor sit amet.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman';">
	Lorem ipsum dolor sit amet.
</p>

K tomu dochází proto, že zobrazená velikost písma závisí ve větší míře nikoliv na vlastnosti font-size, která určuje pouze celkovou velikost písma, ale na poměru hodnot vlastnosti font-size a velikosti x-height (x-height - to je rozdíl mezi velikostí malého písmene "x" a velkého písmene "X" pro určité písmo).

Tento poměr se nazývá aspekt písma a vypočítá se podle vzorce: aspekt = font-size / x-height.

Problém velikostí řeší vlastnost font-size-adjust (umožňuje měnit aspekt písma), která přinutí druhé písmo vypadat stejně velké jako první.

Pojďme zařídit, aby písmo Times New Roman bylo stejné velikosti jako Georgia. Známe aspekt Georgia - to je 0.5 (viz tabulka níže).

Nastavme font-size-adjust pro text s Times New Roman na hodnotu 0.5 a uvidíme, že druhý text se stal stejné velikosti jako první:

<p style="font-size: 16px; font-family: Georgia;">
	Lorem ipsum dolor sit amet.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman'; font-size-adjust: 0.5;">
	Lorem ipsum dolor sit amet.
</p>

Syntaxe

selektor {
	font-size-adjust: číslo | none;
}

Hodnoty

Hodnota	Popis
`number`	Číslo určuje aspekt písma.
`none`	Žádná úprava velikosti písma.

Výchozí hodnota: none.

Jak určit hodnotu aspektu pro písmo?

Podívejte se na úryvek ze specifikace W3C: Koeficient proporcionality (aspekt) pro vybraná písma může být vypočítán porovnáním stejného textu, ale s různou hodnotou font-size-adjust. Pokud je hodnota vlastnosti zvolena správně, pak při stejné velikosti písma zůstane text nezměněn pro všechna použitá písma na stránce.

Uvádím známé hodnoty aspektu pro některá písma: Georgia - 0.5, Times New Roman - 0.46, Verdana - 0.58.

Příklad

Porovnejte, jak vypadá text s různou hodnotou font-size-adjust a stejným font-size a font-family:

<p style="font-size: 16px; font-family: 'Times New Roman';  font-size-adjust: none;">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman';  font-size-adjust: 0.5;">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p style="font-size: 16px; font-family: 'Times New Roman';  font-size-adjust: 0.6;">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>

Příklad . Aplikace v reálném životě

Níže uvedený kód zařídí, aby v případě absence písma Georgia v počítači uživatele, bylo použité písmo Times New Roman stejné velikosti jako Georgia:

<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
	aenean a dapibus magna, ac interdum nisl suspendisse egetile.
</p>

p {
	font-size: 16px;
	font-family: Georgia, "Times New Roman";
	font-size-adjust: 0.5;
}