Inline en-tête avec couleur d'arrière-plan en utilisant @ font-face - ne fonctionne pas sur Mac en Safari ou FF

Question

J'ai un en-tête (h1) avec une couleur de fond sur le titre, mais sur Mac OS à la fois dans Safari et Firefox ne semble pas s'étendre autour de la police. Avec une police websafe ça marche bien. La hauteur de la ligne est définie en fonction de la taille de la police.

Des suggestions?

Voir expamle visuel: 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

essayer un peu plus de rembourrage, cela devrait fonctionner sans chambouler la hauteur de la ligne. dire

padding: 12px 3px 3px 3px; 

au moins il l'a fait avec la police que j'utilisais ...

Answer 2

Essayez flottage à gauche ou à la place display:inline-block, il peut donc être « polyédrique ».