Inline-Position mit Hintergrundfarbe mit @ font-face - nicht auf dem Mac arbeitet entweder in Safari oder FF

Question

Ich habe eine Inline-Überschrift (h1) mit einer Hintergrund-Farbe auf der Überschrift, aber auf Mac OS in beiden Safaris und Firefox scheint es nicht die Schrift zu strecken um. Mit einer websafe Schrift funktioniert es gut. Zeilenhöhe wird entsprechend den font-size.

Irgendwelche Vorschläge?

Siehe visuelle 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

versuchen, ein wenig mehr Polsterung, sollte diese Arbeit ohne den line-height vermasselt. sagen wir

padding: 12px 3px 3px 3px;

zumindest mit der Schrift habe ich wurde mit ...

Answer 2

Versuchen Sie nach links oder display:inline-block stattdessen schwimmen, so dass es "blockartig" sein kann.