Sifa font-size-adjust
Sifa font-size-adjust inaruhusu
kudhibiti ukubwa wa herufi, bila kubadilisha
font-size
(kuongeza au kupunguza).
Matumizi: wacha katika font-family
zimeainishwa herufi mbili kutenganishwa kwa koma, kwa mfano,
Georgia, "Times New Roman". Wacha
katika kompyuta ya mtumiaji hakuna herufi Georgia
- katika hali hii, "Times New Roman" ndio itatumika.
Hata hivyo, tutakabiliwa na tatizo - kwa thamani sawa ya
font-size
herufi zitaonekana tofauti. Katika mfano
hapo chini, aya zote mbili zimepewa font-size
ya 16px, lakini font-family tofauti.
Angalia jinsi ukubwa unavyotofautiana:
<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>
:
Hii hutokea kwa sababu ukubwa unaoonekana
wa herufi unategemea kwa kiasi kikubwa sio
sifa font-size,
ambayo huamua tu ukubwa wa jumla wa herufi,
lakini kutokana na uwiano wa thamani za sifa font-size
na kipimo x-height (x-height
- huu ni tofauti kati ya ukubwa wa herufi ndogo
"x" na herufi kubwa "X" kwa herufi fulani).
Uwiano huu unaitwa aspekti ya herufi na huhesabiwa kwa fomula: aspekti = font-size / x-height.
Tatizo la ukubwa linasuluhishwa na sifa font-size-adjust
(inaruhusu kubadilisha aspekti ya herufi), ambayo
italazimisha herufi ya pili ionekane kwa ukubwa sawa
na wa kwanza.
Wacha tufanye ili herufi Times
New Roman iwe ya ukubwa sawa, kama
Georgia. Tunajua aspekti ya Georgia
- ni 0.5 (angalia jedwali hapa chini).
Wacha tuweke font-size-adjust kwa maandishi
ya Times New Roman kwa thamani 0.5
na tuone kuwa maandishi ya pili yamekuwa ya ukubwa sawa
na ya kwanza:
<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>
:
Sintaksia
kichaguzi {
font-size-adjust: nambari | none;
}
Thamani
| Thamani | Maelezo |
|---|---|
number |
Nambari huainisha aspekti ya herufi. |
none |
Hakuna marekebisho ya ukubwa wa herufi. |
Thamani chaguomsingi: none.
Jinsi ya kuamua thamani ya aspekti kwa herufi?
Angalia kipande kutoka kwa uainishaji W3C:
Kiwango cha uwiano (aspekti) kwa
herufi zilizochaguliwa kinaweza kuhesabiwa kwa
kulinganisha maandishi yale yale, lakini kwa tofauti
ya thamani ya font-size-adjust. Ikiwa thamani
ya sifa imechaguliwa vizuri, basi kwa ukubwa sawa wa
herufi maandishi yatabaki bila kubadilika kwa herufi zote
zilizotumika kwenye ukurasa.
Nakuletea thamani za aspekti ninazozijua kwa
baadhi ya herufi: Georgia - 0.5,
Times New Roman - 0.46, Verdana -
0.58.
Mfano
Linganisha jinsi maandishi yanavyoonekana kwa thamani tofauti ya
font-size-adjust na font-size sawa
na 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>
:
Mfano . Matumizi Katika Maisha Halisi
Msimbo hapa chini hufanya ili katika kutokuwepo kwa
herufi Georgia kwenye kompyuta ya mtumiaji,
herufi itakayotumika Times New Roman
iwe ya ukubwa sawa na 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;
}
: