css3 - @ font-face line-height/vertical-align头痛...？

Question

我在一个朋友的网站上工作,我很难用@ font-face实现字体

问题是字体是否与它创建的框内联.如果我使用文本制作一个10px高的框,则文本浮动在应该位于的位置之上.

当我拖动文本以选择它时,它的接缝在文本末尾有很多额外的填充.

我的问题是这个,至少在css或者某种黑客中是否有文本行偏移,或者它只是一个垃圾字体即时使用,如果是这样你可以修剪字体......？

我在网上看了很多,但发现很多不正确的事情,没有明确的解决方案.

问题 - 测试网站:)

我在实时测试中添加了一个类似于它的两个"按钮",左上角有问题,框与文本大小相同,但文字不在框中......？

Answer 1

尝试这样的事情，我认为它应该给你中间垂直对齐的文本。

.button{
    height:30px;
    lineheight:100%;
}