Ciri font-size-adjust

Ciri font-size-adjust membolehkan kawalan saiz fon, dengan font-size tidak berubah (menambah atau mengurangkan).

Aplikasi: katakan dalam font-family dua fon ditetapkan dipisahkan dengan koma, contohnya, Georgia, "Times New Roman". Katakan pada komputer pengguna tiada fon Georgia - dalam kes ini, "Times New Roman" akan digunakan. Walau bagaimanapun, kita akan menghadapi masalah - dengan nilai font-size yang sama fon akan kelihatan berbeza. Dalam contoh di bawah, kedua-dua perenggan ditetapkan font-size kepada 16px, tetapi font-family berbeza. Lihat bagaimana saiz berbeza:

<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>

Ini berlaku kerana saiz fon yang dipaparkan bergantung lebih kepada bukan pada ciri font-size, yang hanya menentukan saiz fon keseluruhan, tetapi pada nisbah nilai ciri font-size dan magnitud x-height (x-height - ini adalah perbezaan antara saiz huruf kecil "x" dan huruf besar "X" untuk fon tertentu).

Nisbah ini dipanggil aspek fon dan dikira dengan formula: aspek = font-size / x-height.

Masalah saiz diselesaikan oleh ciri font-size-adjust (ia membolehkan mengubah aspek fon), yang akan memaksa fon kedua kelihatan sama saiz dengan yang pertama.

Mari kita buat supaya fon Times New Roman adalah sama saiz, seperti Georgia. Kita tahu aspek Georgia - iaitu 0.5 (lihat jadual di bawah).

Mari tetapkan font-size-adjust untuk teks dengan Times New Roman kepada nilai 0.5 dan kita akan lihat teks kedua menjadi sama saiz dengan yang pertama:

<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>

Sintaks

selector {
	font-size-adjust: nombor | none;
}

Nilai

Nilai	Penerangan
`number`	Nombor menetapkan aspek fon.
`none`	Tiada pelarasan saiz fon.

Nilai lalai: none.

Bagaimana untuk menentukan nilai aspek untuk fon?

Lihat petikan daripada spesifikasi W3C: Faktor perkadaran (aspek) untuk fon terpilih boleh dikira dengan membandingkan teks yang sama, tetapi dengan nilai font-size-adjust yang berbeza. Jika nilai ciri dipadankan dengan betul, maka dengan saiz fon yang sama teks akan kekal tidak berubah untuk semua fon yang digunakan pada halaman.

Saya berikan nilai aspek yang saya tahu untuk beberapa fon: Georgia - 0.5, Times New Roman - 0.46, Verdana - 0.58.

Contoh

Bandingkan bagaimana teks kelihatan dengan nilai font-size-adjust yang berbeza dan font-size yang sama dan 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>

Contoh . Aplikasi dalam Kehidupan Sebenar

Kod di bawah memastikan bahawa jika tiada fon Georgia pada komputer pengguna, fon yang digunakan Times New Roman adalah sama saiz dengan 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;
}