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

Question

我正在为一个朋友开发一个网站，但我在使用 @font-face 实现字体时遇到了真正的麻烦

问题在于字体确实与它创建的框内联。 如果我制作一个 10px 高的盒子，里面有文字，文字会浮在它应该在的位置上方。

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

我的问题是，css 中是否存在文本行偏移或至少某种 hack，或者它只是我正在使用的垃圾字体，如果是的话，你可以修剪字体...？

我在网上看了很多，但发现很多东西都不对，也没有明确的解决方案。

the problem - test website :)

我在现场测试中添加了一个赞，左上角的两个“按钮”和联系人有问题，框与文本大小相同，但文本不在框中...？

Answer 1

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

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