Font-size-adjust xassəsi
font-size-adjust xassəsi
dəyişməz font-size
ilə şrift ölçüsünə nəzarət etməyə imkan verir
(artırmaq və ya azaltmaq).
Tətbiq: tutaq ki, font-family
vergüllə iki şrift təyin edilib, məsələn,
Georgia, "Times New Roman". Tutaq ki,
istifadəçinin kompüterində Georgia şrifti yoxdur
- bu halda "Times New Roman" tətbiq olunacaq.
Lakin, bizi problem gözləyir - eyni
font-size
qiymətində şriftlər fərqli görünəcək. Aşağıdakı nümunədə
hər iki abzas üçün font-size
16px olaraq təyin edilib, lakin fərqli font-family.
Ölçülərin necə fərqləndiyinə baxın:
<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 ona görə baş verir ki, şriftin göstərilən
ölçüsü əsasən font-size xassəsindən asılı deyil,
hansı ki, yalnız şriftin ümumi ölçüsünü müəyyən edir,
font-size xassəsinin qiymətlərinin nisbətindən
və x-height kəmiyyətindən asılıdır (x-height
- müəyyən bir şrift üçün kiçik "x" hərfi ilə
böyük "X" hərfi arasındakı fərqdir).
Bu nisbət şriftin aspekti adlanır və düsturla hesablanır: aspekt = font-size / x-height.
Ölçülər problemini font-size-adjust xassəsi həll edir
(o, şriftin aspektini dəyişməyə imkan verir), hansı ki,
ikinci şrifti birincilə eyni ölçüdə
göstərməyə məcbur edəcək.
Gəlin elə edək ki, Times
New Roman şrifti Georgia ilə
eyni ölçüdə olsun. Bizə Georgia-nın aspekti
məlumdur - bu 0.5-dir (aşağıdakı cədvələ baxın).
Times New Roman olan mətn üçün
font-size-adjust-i 0.5 qiymətinə təyin edək
və görəcəyik ki, ikinci mətn birincilə eyni
ölçüdə oldu:
<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: ədəd | none;
}
Qiymətlər
| Qiymət | Təsvir |
|---|---|
number |
Ədəd şriftin aspektini təyin edir. |
none |
Şrift ölçüsünün tənzimlənməsi yoxdur. |
Susmaya görə qiymət: none.
Şrift üçün aspekt qiyməti necə müəyyən edilir?
W3C spesifikasiyasından fraqmentə baxın:
Seçilmiş şriftlər üçün mütənasiblik əmsalı (aspekt)
eyni mətni, lakin fərqli
font-size-adjust qiyməti ilə müqayisə etməklə
hesablana bilər. Əgər xassənin qiyməti
düzgün seçilibsə, onda eyni şrift ölçüsündə
mətn səhifədə istifadə olunan bütün
şriftlər üçün dəyişməz qalacaq.
Bəzi şriftlər üçün mənə məlum olan aspekt qiymətlərini
çəkirəm: Georgia - 0.5,
Times New Roman - 0.46, Verdana -
0.58.
Nümunə
Fərqli font-size-adjust qiyməti və eyni font-size
və font-family ilə mətnin necə göründüyünü
müqayisə edin:
<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ümunə . Real həyatda tətbiqi
Aşağıdakı kod elə edir ki, əgər istifadəçinin
kompüterində Georgia şrifti yoxdursa,
tətbiq olunan Times New Roman şrifti
Georgia ilə eyni ölçüdə olsun:
<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;
}
:
