html - パシフィコの Web フォントが Webkit ブラウザーでトリミングされるのはなぜですか?

Question

Google Fonts で利用できる Pacifico フォントで問題が発生しています。この問題は Chrome と Safari でのみ発生しており、他のブラウザは問題ありません。

例: http://jsfiddle.net/dRcaB/5/

問題は、D 文字が左側で切り取られていることです。を追加するpadding-leftと、正しく表示されます。これは Pacifico フォントでのみ発生します。

どうしたの？

HTML:

<div class="pacifico">Deli D</div>
<div class="pacifico padding">Deli D</div>
<div class="damion">Deli D</div>

CSS:

@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Damion);

.pacifico, .damion {
    background: red;
    margin-bottom: 20px;
}

.pacifico {
    font-family: "Pacifico";
    font-size: 60px;
}

.padding {
    padding-left: 10px;
}

.damion {
    font-family: "Damion";
    font-size: 60px;
}