webkit - Firefox と Blink でフォントの行の高さが異なる

Question

必要な位置で黒いパネルの上にテキストを配置する必要があります。だからここに私のレイアウトがあります

<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 では完全に奇妙にレンダリングされます。これを処理できますか?

アップデート

Windows 上の Chrome 32 のレンダリングは、Opera と同じくらい悪いです。Mac OS ではすべて問題ありません。