-1

以下は私の埋め込みフォントコードです

@font-face {
    font-family: 'futura';
    src: url('../fonts/Futura_CondensedMedium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

そして、私は次のようにフォントを使用しています：

#percentage
{
    position:absolute;
    top:90px;
    font-family:futura, Arial, sans-serif;
    font-size:700px;
    line-height:700px;
    font-weight:bolder;
    color:#87847b;
    z-index:2;
    display:inline-block;
}

違いがあるかどうかを確認するためにキネハイトのみを追加しましたが、違いがないことがわかりました。

私の問題は、すべてのウィンドウ ブラウザーですべてが完璧に見えることですが、すべての Mac ブラウザーで最上位の位置が異なることがわかりました。50pxくらい出ています。

この理由を述べた他の回答を読みましたが、この問題をどのように修正できますか?

4

1 に答える 1

0

解決策を見つけました。

オペレーティング システムを確認して位置を設定します。

if(navigator.platform.match('Mac') !== null) {
    $('#percentage').css('top', '-30px');
}

これは回避策かもしれませんが。

于 2014-03-19T10:14:24.913 に答える