Omadus font-size-adjust
Omadus font-size-adjust võimaldab
kontrollida fondi suurust, muutumatu
font-size
korral (suurendada või vähendada).
Rakendamine: oletame, et font-family
sisaldab kaks fondi, eraldatud komadega, näiteks
Georgia, "Times New Roman". Oletame,
et kasutaja arvutis pole fondi Georgia
- sel juhul rakendub "Times New Roman".
Siiski ootab meid probleem - sama
font-size
väärtuse korral näevad fondid erinevad välja. Allolevas näites
on mõlemal lõigul määratud font-size
väärtusega 16px, kuid erinev font-family.
Vaadake, kuidas suurused erinevad:
<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>
:
See juhtub seetõttu, et kuvatav
fondi suurus sõltub suurel määral mitte
omadusest font-size,
mis määrab vaid fondi üldise suuruse,
vaid omaduse font-size väärtuste
ja suuruse x-height suhtest (x-height
on väiketähe "x" ja suurtähe "X" suuruse erinevus
antud fondi puhul).
Seda suhet nimetatakse fondi aspektiks ja see arvutatakse valemiga: aspekt = font-size / x-height.
Suuruste probleemi lahendab omadus font-size-adjust
(see võimaldab muuta fondi aspekti), mis
paneb teise fondi näima sama
suurena kui esimene.
Teeme nii, et fond Times
New Roman oleks sama suur kui
Georgia. Me teame Georgia aspekti
- see on 0.5 (vaata allolevat tabelit).
Määrame font-size-adjust väärtuseks 0.5
tekstile, kus on Times New Roman,
ja näeme, et teine tekst muutub sama
suureks kui esimene:
<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>
:
Süntaks
selektor {
font-size-adjust: arv | none;
}
Väärtused
| Väärtus | Kirjeldus |
|---|---|
number |
Arv määrab fondi aspekti. |
none |
Fondi suuruse reguleerimist ei toimu. |
Vaikeväärtus: none.
Kuidas määrata fondi aspekti väärtust?
Vaadake katket W3C spetsifikatsioonist:
Fondi proportsioonikordaja (aspekti)
saab arvutada võrreldes sama teksti, kuid erineva
font-size-adjust väärtusega. Kui omaduse väärtus
on õigesti valitud, siis sama fondi suuruse korral
jääb tekst muutumatuks kõigi
lehel kasutatavate fondide puhul.
Toon välja minu teadaolevad aspekti väärtused
mõnede fondide jaoks: Georgia - 0.5,
Times New Roman - 0.46, Verdana -
0.58.
Näide
Võrrelge, kuidas tekst näeb välja erineva
font-size-adjust väärtuse ja sama font-size
ning font-family korral:
<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>
:
Näide . Rakendamine päriselus
Allolev kood tagab, et juhul kui kasutaja
arvutis puudub fond Georgia,
oleks rakendu fond Times New Roman
sama suur nagu 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;
}
:
