Lastnost font-size-adjust
Lastnost font-size-adjust omogoča
nadzor nad velikostjo pisave, pri nespremenjeni
font-size
(povečevati ali zmanjševati).
Uporaba: naj bo v font-family
nastavljeni dve pisavi z vejico, na primer,
Georgia, "Times New Roman". Naj
na uporabnikovem računalniku ni pisave Georgia
- v tem primeru se bo uporabila "Times New Roman".
Vendar nas čaka težava - pri enaki
vrednosti font-size
bodo pisave videti drugače. V primeru
spodaj imata oba odstavka nastavljen font-size
na 16px, vendar različni font-family.
Oglejte si, kako se razlikujejo 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>
:
Do tega pride, ker izrisana
velikost pisave ni odvisna v večji meri
od lastnosti font-size,
ki določa le splošno velikost pisave,
temveč od razmerja vrednosti lastnosti font-size
in vrednosti x-height (x-height
- to je razlika med velikostjo male črke
"x" in velike črke "X" za določeno
pisavo).
To razmerje se imenuje aspekt pisave in se izračuna po formuli: aspekt = font-size / x-height.
Težavo z velikostmi rešuje lastnost font-size-adjust
(omogoča spreminjanje aspekta pisave), ki
bo prisilila, da je druga pisava videti enake
velikosti kot prva.
Naredimo tako, da bo pisava Times
New Roman enake velikosti, kot
Georgia. Poznamo aspekt Georgia
- to je 0.5 (glej spodnjo tabelo).
Nastavimo font-size-adjust za besedilo
s Times New Roman na vrednost 0.5
in videli bomo, da je drugo besedilo postalo enake
velikosti kot prvo:
<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: število | none;
}
Vrednosti
| Vrednost | Opis |
|---|---|
number |
Število določa aspekt pisave. |
none |
Ni prilagajanja velikosti pisave. |
Privzeta vrednost: none.
Kako določiti vrednost aspekta za pisavo?
Oglejte si odlomek iz specifikacije W3C:
Faktor sorazmernosti (aspekt) za
izbrane pisave je mogoče izračunati s primerjavo
enakega besedila, vendar z različno
vrednostjo font-size-adjust. Če je vrednost
lastnosti pravilno izbrana, potem bo pri enaki velikosti
pisave besedilo ostalo nespremenjeno za vse
pisave, uporabljene na strani.
Navajam znane vrednosti aspekta za
nekatere pisave: Georgia - 0.5,
Times New Roman - 0.46, Verdana -
0.58.
Primer
Primerjajte, kako je videti besedilo z različno vrednostjo
font-size-adjust in enakim font-size
in 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>
:
Primer . Uporaba v resničnem življenju
Spodnja koda naredi, da se v primeru odsotnosti
pisave Georgia na uporabnikovem računalniku,
uporabljena pisava Times New Roman
prikaže enake velikosti kot 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;
}
:
