2012-05-08 15 views
7

Düzeltme: İşte bir Fiddle durumdur.Bu metni sola kadar oturacak şekilde nasıl alabilirim?

Tamam, ben bir web sayfası yapıyorum, ancak rahatsız edici bir yazı tipi dizgisi içerisine koşuyorum. Sans-serif yazı tipleri onlar oturuyorsun kutunun sol kenarında tam oturmak reddetme gibi görünüyor Burada

sorunu göstermek için bazı deneysel HTML verilmiştir:. CSS I niteliklerini üzerinde

<html> 
<head> 
    <style> 
     .box { 
      margin: 30px 0px 0px 30px; 
      border: 1px solid #f00; 
     } 
    </style> 
</head> 
<body style="font-size: 36px;"> 
    <!-- text beginning with 'M', which has serifs protruding from the left side in a serif font --> 
    <div class="box" style="font-family: 'Segoe UI';">My text</div> <!-- sans-serif --> 
    <div class="box" style="font-family: 'Times New Roman';">My text</div> <!-- serif --> 
    <div class="box" style="font-family: 'Arial';">My text</div> <!-- sans-serif --> 
    <div class="box" style="font-family: 'Garamond';">My text</div> <!-- serif --> 

    <!-- text beginning with 'T', which has no left-protruding serifs in a serif font --> 
    <div class="box" style="font-family: 'Segoe UI';">Text</div> <!-- sans-serif --> 
    <div class="box" style="font-family: 'Times New Roman';">Text</div> <!-- serif --> 
    <div class="box" style="font-family: 'Arial';">Text</div> <!-- sans-serif --> 
    <div class="box" style="font-family: 'Garamond';">Text</div> <!-- serif --> 
</body> 
</html> 

Herhangi bir fikir Metni, kabının sol kenarında oturacak şekilde ayarlayabilir/değiştirebilirsiniz? Zarif, yani - karakter-karakter çözümden hoşlanmam.

+0

Metin girintisini deneyin? –

+0

Bu, tarayıcıyı ve/veya OS'ye özgü bir sorundur; çünkü Chrome'umu kullanarak kendi Mac'imde yeniden oluşturamıyorum. Ekran görüntüsü sağla? Ancak, metin girintisi gibi bir şey deneyin: -1px; –

+0

"Google Chrome" ve "Internet Explorer 8" ile başarıyla kopyalarım. Yazı tipi oluşturma ile ilgili bir şey olduğuna inanıyorum ve nedenini bilmek beni çok merak ediyorum. – Peter

cevap

2

ben ...

her harf belirlemiştir boyutu ifade ettiğini ancak bunun sınırına M onun Propably "margin" ... Eh

beni fontları anlatalım emin değilim İçinde bulunduğu "kutu". Yani yazı tipinin yaratıcısı tam odayı kullanmazsa, bu etki meydana gelebilir! Anlamı, yazı tipini düzeltmek dışında buna karşı bir şey yapamazsın! Sen gittikten M çizgi kavisli yapmazsam böylece sürümünde gibi direk bunu ... üst M mesafeyi görmek

Here is an example (walkthrough on creating fonts), of what I mean.

Örnek Resim, bir "boşluk olacak "sınırınla ​​M arasında! Olduğu gibi metninizi seçerseniz :)

Font Character Box

Sen, karakter doğru olduğunu görebiliriz. "Mavi" seçimi, sınırla düz gittiğini ve boşluğa sahip olmadığını, bir oluşturma veya css hatası olsaydı ne olacağını gösterecektir!

Umarım bu soruyu cevaplamanıza yardımcı olabilirim.

İlgili konular