Font-size-adjust häsiýeti
font-size-adjust häsiýeti
font-size
häsiýeti üýtgemeýärkä (ýokarylandyrmak ýa-da peseltmek),
şriftiň ölçegini kontrol etmäge mümkinçilik berýär.
Ulanylyşy: font-family
häsiýetinde iki sany şrift vergül bilen kesgitlenen diýeliň, meselem,
Georgia, "Times New Roman". Ulanyjynyň kompýuterinde Georgia şrifti ýok
bolsun diýeliň - şonda "Times New Roman" şrifti ulanylar.
Emma, biziň bir problemä duçar bolar - deň baha
font-size
häsiýetine eýe bolan şriftler dürli görüner. Aşakdaky mysalda
iki abzasa hem font-size
häsiýeti 16px kesgitlenen, ýöne olar dürli
font-family eýeler.
Ölçegleriň nähili tapawutlanýandygyna serediň:
<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>
:
Bu ýagdaý, görkezilýän şrift ölçegi esasan
font-size
häsiýetinden däl-de, diňe umumy şrift ölçegini kesgitleýän,
font-size häsiýetiniň bahalarynyň we
x-height ululygynyň (x-height
- belli bir şrift üçin kiçi harpyň "x" we baş harpyň "X"
arasyndaky tapawut) gatnaşygyna bagly bolany üçin ýüze çykýar.
Bu gatnaşyk şriftiň aspekti diýilip atlandyrylýar we formula bilen hasaplanýar: aspekt = font-size / x-height.
Ölçegler problemasyny font-size-adjust häsiýeti
(ol şriftiň aspektini üýtgetmäge mümkinçilik berýär) çözýär,
bu bolsa ikinji şriftiň birinji şrift ýaly deň ölçegde
görünmegine getirer.
Geliň, Times New Roman şriftiniň Georgia şrifti ýaly
deň ölçegde görünmegini edeliň. Biz Georgia şriftiniň aspektini
bilýäris - bu 0.5 (aşakdaky tablisany serediň).
Times New Roman şrifti bilen ýazylan tekst üçin
font-size-adjust häsiýetini 0.5 bahasyna
goýup, ikinji tekst birinji tekst ýaly deň ölçegde
görünýändigine göz ýetireliň:
<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>
:
Sintaksis
selektor {
font-size-adjust: san | none;
}
Bahalar
| Baha | Düşündiriş |
|---|---|
number |
San şriftiň aspektini kesgitlýär. |
none |
Şrift ölçegini düzetmek ýok. |
Adatdaky bahasy: none.
Şrift üçin aspekt bahasyny nähili kesgitlemeli?
W3C spetsifikasiýasynyň bir bölümine serediň:
Saýlanan şriftler üçin proporsional gatnaşyk (aspekt)
birmeňzeş tekst, ýöne dürli
font-size-adjust bahalary bilen deňeşdirilip
hasaplap bolýar. Eger häsiýetiň bahasy dogry saýlansa,
şriftiň deň ölçeginde sahypada ulanylýan ähli
şriftler üçin tekst üýtgemeýär.
Meniň belli bolan käbir şriftler üçin aspekt bahalaryny
peýdalamak isleýärin: Georgia - 0.5,
Times New Roman - 0.46, Verdana -
0.58.
Mysal
font-size-adjust häsiýetiniň dürli bahalary we deň
font-size we font-family bilen
tekstiň nähili görünýändigini deňeşdiriň:
<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>
:
Mysal . Hakyky durmuşda ulanylyşy
Aşakdaky kod, eger ulanyjynyň kompýuterinde
Georgia şrifti ýok bolsa,
ulanylar şrift Times New Roman şriftiniň
Georgia şrifti ýaly deň ölçegde
görünmegini üpjün edýär:
<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;
}
:
