font-face, örn. Çizgi yüksekliği taban çizgisi nasıl dengelenir?
font: 20px/20px 'ITC Avant Garde Gothic Std'; font-style: 'book'; letter-spacing: 1px; text-transform: uppercase;
sorun
Ben metni dikey beklediğiniz olmasıdır. Ancak, öyle değil. Çizgi yüksekliği taban çizgisini dengelemek için bir yol var mı? Aslındaline-height'u değiştirmeden.
Bu durum, yazı tipine göre değişir. Yazı tipinin yüksekliğini nasıl kullanacağına karar vermek font tasarımcısına kalmış. Örneğin Arial'de, katı olarak ayarlandığında, büyük harfli temel Latin harfleri dikey olarak ortalanır, oysa Verdana'da, bunlar biraz daha düşük görünürler (yani, aşağıdakinden biraz daha fazla boşluk).
Göreli konumlandırmayı kullanarak bunu ince ayar yapabilirsiniz, ancak daha sonra fazladan işaretlemeye ihtiyacınız vardır, örn. kullanıcının tarayıcısında kullanılan yazı tipi beklentilerinize farklıysa span ayarı, diyelim için CSS ile
<div><span>text</span></div>
position: relative;
top: 2px;
Bu pis etkilere neden olabilir.
font-style: 'book''un olası etkisini düşünmedim, bunun ne anlama gelebileceğine dair hiçbir fikrim yok. Bildiğim hiçbir CSS kaynağı, böyle bir şeyden bahseder (font-style değerleri, sorgulanmamış anahtar kelimelerdir ve book'u içermez).
Sadece sizin için bilmeniz gereken, 'font-style:' book'' stili 'book' ile bir font aile üyesine başvurur. Göreli konumlandırmayla ilgili ipucu için teşekkürler. Sorun şu ki, örneğin Opera'da yazı tipi beklendiği gibi görünür. dikey olarak ortalanmış. Bu nedenle, sizinki gibi bir düzeltme uygulamak, tarayıcıları uyumlu hale getirmez. Bu aynı yazı tipi sorunu gibi görünüyor mu? – Gajus