Встроенный заголовок с цветом фона с использованием @ font-face - не работает на Mac ни в Safari, ни в FF

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

Попробуйте вместо этого всплыть влево или display:inline-block, чтобы он мог быть "блочным".

Answer 2

попробуйте немного больше отступов, это должно работать, не портя высоту строки. скажи

padding: 12px 3px 3px 3px;

по крайней мере, это было со шрифтом, который я использовал ...