Vetia font-size-adjust
Vetia font-size-adjust lejon
kontrollin e madhësisë së shkronjave, me të pandryshuar
font-size
(rritje ose zvogëlim).
Zbatimi: le të themi në font-family
janë përcaktuar dy shkronja të ndara me presje, për shembull,
Georgia, "Times New Roman". Le të themi
që në kompjuterin e përdoruesit nuk ka shkronjat Georgia
- në këtë rast do të zbatohet "Times New Roman".
Sidoqoftë, ne do të përballemi me një problem - me të njëjtën
vlerë të font-size
shkronjat do të duken ndryshe. Në shembullin
më poshtë të dy paragrafëve u është caktuar font-size
në 16px, por font-family të ndryshme.
Shikoni se sa të ndryshme janë madhësitë:
<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>
:
Kjo ndodh për shkak se madhësia e shfaqur
e shkronjave varet në masë të madhe jo
nga vetia font-size,
e cila përcakton vetëm madhësinë e përgjithshme të shkronjave,
por nga raporti i vlerave të vetisë font-size
dhe madhësisë x-height (x-height
- është diferenca midis madhësisë së shkronjës së vogël
"x" dhe shkronjës së madhe "X" për një
shkronjë të caktuar).
Ky raport quhet aspekt i shkronjave dhe llogaritet me formulën: aspekt = font-size / x-height.
Problemin e madhësive e zgjidh vetia font-size-adjust
(ajo lejon ndryshimin e aspektit të shkronjave), e cila
do ta detyrojë shkronjën e dytë të duket me të njëjtën
madhësi si e para.
Le ta bëjmë që shkronjat Times
New Roman të jenë të së njëjtës madhësi, si
dhe Georgia. Ne e dimë aspektin e Georgia
- është 0.5 (shih tabelën më poshtë).
Le të vendosim font-size-adjust për tekstin
me Times New Roman në vlerën 0.5
dhe do të shohim që teksti i dytë u bë i së njëjtës
madhësi si i pari:
<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>
:
Sintaksa
selektor {
font-size-adjust: numër | none;
}
Vlerat
| Vlera | Përshkrimi |
|---|---|
number |
Numri përcakton aspektin e shkronjave. |
none |
Nuk ka rregullim të madhësisë së shkronjave. |
Vlera e parazgjedhur: none.
Si të përcaktohet vlera e aspektit për shkronjat?
Shikoni fragmentin nga specifikimi W3C:
Koeficienti i proporcionalitetit (aspekti) për
shkronjat e zgjedhura mund të llogaritet duke
krahasuar të njëjtin tekst, por me vlera të ndryshme
të font-size-adjust. Nëse vlera
e vetisë është përzgjedhur saktë, atëherë me madhësi të njëjtë
të shkronjave teksti do të mbetet i pandryshuar për të gjitha
shkronjat e përdorura në faqe.
Paraqes vlerat e aspektit që i di
për disa shkronja: Georgia - 0.5,
Times New Roman - 0.46, Verdana -
0.58.
Shembull
Krahasoni se si duket teksti me vlera të ndryshme
të font-size-adjust dhe të njëjtën font-size
dhe 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>
:
Shembull . Zbatim në jetën reale
Kodi më poshtë e bën që në rast mungese
në kompjuterin e përdoruesit të shkronjave Georgia,
shkronjat e aplikuara Times New Roman
të jenë të së njëjtës madhësi, si dhe 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;
}
: