如何获得不同字体的间距？

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

如何获得不同字体的间距？

回答

相关问题