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

Question

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

问题是字体确实与它创建的框内联。 如果我制作一个 10 像素高的框，其中包含文本，文本会浮在它应该在的位置上方。

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

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

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

the problem - test website :)

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

Answer 1

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

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