Apa arti garis miring di steno font CSS?

186

Saya melihat deklarasi CSS berikut dalam stylesheet:

font: 12px/18px ...

Apa 12px/18pxarti sebenarnya bagian itu?

css fonts

— Webnet
sumber

2

Tidak benar untuk menutup ini karena terlalu dilokalkan. Pertanyaannya sederhana, dan begitu pula jawabannya, tetapi jelas itu adalah sesuatu yang sering ditanyakan orang, dan memiliki jawaban yang baik.

— Jukka K. Korpela

206

12pxadalah ukuran font, 18pxadalah tinggi garis.

Sintaks didasarkan pada notasi tipografi untuk menentukan ukuran masing-masing, dan hanya berlaku untuk fontproperti steno. Dengan kata lain, deklarasi di atas hanya memperluas sebagai berikut:

font-size: 12px;
line-height: 18px;

Seperti biasa, jika Anda mengatur tinggi garis ke nilai relatif (mis. Persentase atau ems), itu dihitung relatif terhadap ukuran font.

W3C CSS2.1 fontreferensi properti
W3C CSS3 Fonts Modul fontreferensi properti (sintaks membawa lebih dari CSS2.1)

— BoltClock
sumber

66

Ini setara dengan:

font-size: 12px;
line-height: 18px;

— menyodok
sumber