Firefox和Blink中不同的字体行高

时间:2014-01-24 07:22:25

标签: webkit css blink

我需要将文字放在黑色面板上我需要的位置。所以这是我的布局

<div class="wrap">
    <img src="img/portfolio/geometria/thumb.jpg" alt="Geometria.ru" title="Geometria.ru" width="360" height="240">
    <div class="description">Приложение для <b>Geometria.ru</b></div>
</div>
.description {
    font-size: 20px;
    font-family: "Calibri Light", "Calibri", sans-serif;

    padding-top: 11px;
    padding-bottom: 7px;
}

.description b {
    font-size: 24px;
    font-family: "Calibri Bold", "Calibri", sans-serif;
    font-weight: normal;
}

Firefox,Safari 7中的文字(是的,我知道它在WebKit上)和Chrome几乎相同(+/- 2px不是问题),但Opera渲染它完全奇怪。我能处理吗?

Line heights

更新

Windows上的Chrome 32渲染与Opera一样糟糕。在Mac OS上一切正常。

0 个答案:

没有答案