Question

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

有什么建议吗？

参见visual expamle： 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;

至少它与我使用的字体有关...

Answer 2

请尝试向左浮动或display:inline-block，因此它可能是“块状”。

使用@ font-face在背景颜色的内联标题中 - 在Safari或FF中无法在Mac上运行

2 个答案: