Eğik çizgi ile CSS'de yazı tipi boyutu

133

Eğik çizgi burada ne anlama geliyor:

font: 100%/120%;

html css size

— Alex
kaynak

font-sizeeğik çizgiyi kabul etmiyor. Doğru özellik font.

— BoltClock

Peki ya bunlar? background: "rgba (0, 0, 0, 0) hiçbiri kaydırma 0% 0% / auto padding-box border-box

— tekrarlama

196

Bu aslında iki özelliği belirler ve şuna eşdeğerdir:

font-size: 100%;
line-height: 120%;

Resmi belgeleri alıntılamak için :

Bu özelliğin sözdizimi, yazı tipleriyle ilgili birden çok özelliği ayarlamak için geleneksel bir tipografik kısa gösterime dayanır.

David M'nin yorumlarda söylediği gibi , çizgi yüksekliğindeki glif boyutunu belirtmek için yazı tipi boyutlarını " x pt on y pt" olarak belirleme geleneğini yansıtıyor .

Ama söz konusu örnek aslında yanlış olduğunu ve tarayıcı tarafından yok sayılır: Yalnızca bu iki özelliği birleştirebilirsiniz fontsteno gösteriminde ve gereken en az yazı tipi boyutu ve ailesini hem belirtin. font: 100%/120%;Bu nedenle sadece yazmak yeterli değildir; geçerli kılmak için genel bir aile adı ekleyebilirsiniz, örneğin:

font: 100%/120% serif;

— Konrad Rudolph
kaynak

Bu, eski dizgi sözdizimini yansıtmak içindir, örneğin "12pt üzerinde 10pt" veya "10pt / 12pt" olarak yazı tipi ayarınız olur.

— David M

Aslında bunu oldukça kullanıyorum. Birlikte çalıştığım tasarımcı boyutlandırmayı her zaman, örneğin "14'e 22" şeklinde ifade ediyor. Bir gün kazara koydum ve işe yaradığında şaşırdım / memnun oldum.

— Dylan Lukes

hızlıca: bu format ayrıca yazı tipi ailesinin belirtilmesini gerektirmiyor mu? Tarayıcılarım bu özelliği görmezden geliyor: font: 12px / 16px; ancak bunu kabul ederek: font: 12px / 16px sans-serif; Bu davranış da burada

— kumarharsh

@Harsh Evet, resmi tanımdafont görebileceğiniz gibi , steno mülk için bir aile (bir boyutla birlikte) minimum düzeyde gereklidir .

— Konrad Rudolph

açıklama için teşekkürler. Belki yanıtı (veya soruyu) biraz yanıltıcı olduğu için güncelleyebilirsiniz, çünkü sıradan bir okuyucu yalnızca SIZE / LINE_HEIGHT bildiriminin işe yarayacağını varsayabilir.

— kumarharsh

Konrad bunu aldı, ancak stil sayfalarınızı kısaltmak için kullanabileceğiniz bunun gibi birçok CSS kısaltma özelliği var. Farkında değilseniz bazıları biraz şifreli görünüyor.

— Bill the Lizard
kaynak

Çoğu steno, ilgili stil özelliklerini ele alır (örneğin border-*). David cevabıma yapılan yorumlarda iyi bir açıklama yaptı. Stenoların şifreli olmasına gelince: kesinlikle doğru, ama çok yararlı ve öğrenmesi oldukça kolay.

— Konrad Rudolph