css - 使用@font-face 的带有背景颜色的内联标题 - 在 Safari 或 FF 中不适用于 Mac

Question

我有一个内联标题 (h1)，标题上有背景色，但在 Mac OS 上的 safari 和 Firefox 中，它似乎没有围绕字体延伸。使用网络安全字体它工作正常。行高根据字体大小设置。

有什么建议吗？

见视觉实验: http://www.flickr.com/photos/hegerokenes/5038724235/

@font-face {
    font-family: 'FedraMonoStd-Medium';
    src: url('fonts/fedramonostd-medium-webfont.eot');
    src: local('☺'), url('fonts/fedramonostd-medium-webfont.woff') format('woff'), url('fonts/fedramonostd-medium-webfont.ttf') format('truetype'), url('fonts/fedramonostd-medium-webfont.svg#webfontNCPrZ83i') format('svg');
    font-weight: normal;
    font-style: normal;
    }


h1 {
    font-size: 22px;
    background-color: #999895;
    line-height: 38px;
    display: inline;
    color: #fff;
    padding: 3px;
    }

Answer 1

尝试多一点填充，这应该不会弄乱行高。说

padding: 12px 3px 3px 3px;

至少它对我使用的字体有用...