如何獲得不同字體的間距？

enter image description here

我試圖找到一種方法，使填充「繞」的文字相同的，無論選擇什麼字體。所以y底部和邊框之間的空間應該與T頂部和邊框相同。

（我希望是有道理的？）

我可以手動調節線的高度/墊襯，使每個字體在盒子的中間很好坐，但如果有做一些自動的方式，將是很好這個。

的jsfiddle該截圖：http://jsfiddle.net/dtbaker/4qkv2ncL/2/

HTML：

<div id="bg"> 
    <div class="text"> 
     <span>Asdgh YiyjJT</span> 
    </div> 
    <div class="text"> 
     <span class="font1">Asdgh YiyjJT</span> 
    </div> 
    <div class="text"> 
     <span class="font2">Asdgh YiyjJT</span> 
    </div> 
    <div class="text"> 
     <span class="font3">Asdgh YiyjJT</span> 
    </div> 
</div>

CSS：

@import url('https://fonts.googleapis.com/css?family=Special+Elite:400,700,400italic,700italic|Lora:400,700,400italic,700italic|Lobster:400,700,400italic,700italic'); 

#bg{ background-color: #000; padding:20px; } 
.text{ 
    padding:20px; 
} 
.text span{ 
    color:#CCC; 
    background:#FFF; 
    font-size:60px; 
    font-weight:bold; 
    line-height:1em; 
    padding:2px; 
} 
.text span.font1{ 
    font-family:"Special Elite"; 
} 
.text span.font2{ 
    font-family:"Lora"; 
} 
.text span.font3{ 
    font-family:"Lobster"; 
}

來源

2014-12-07 dtbaker

這是不可能的，因爲這種現象取決於字體的設計。 CSS無法訪問字體指標。字形使用由字體高度定義的垂直空間的方式（並可能超出該空間）由字體設計師決定。沒有描述它的單一數量。

與理論上可用的字體指標相關的唯一數量是x高度，通過em單位和font-size-adjust屬性。後者具有非常有限的和越野車的支持。此外，x高度只是字母x和類似的小寫字母的高度，沒有上升和下降，所以它無助於獲得字形的總高度。

來源

2014-12-07 08:20:43

謝謝:)這是有道理的。 – dtbaker 2014-12-07 09:10:02

如何獲得不同字體的間距？

回答

相關問題