Mac /別のフォントの垂直位置になる

Question

私はページ上に非常に単純な要素を持っています。これは、バスケットのための数量バルーンです。これは正しく設定できません。だけでなく、フォントが劇的に異なっているが、その垂直方向の位置は、このような小さな要素のために大幅に異なります。私は、フォントサイズから（例えば行の高さを設定するために-1 stackoverflowのからいくつかの解決策を試してみた

）、運がない。ここでは、コードは次のようになります。

HTML：

<span class="basket-qty">6</span> 

CSS：

.basket-qty { 
    display: block; 
    text-align: center; 
    background-color: #C1637D; 
    color: #fff; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    font-size: 13px; 
    font-weight: 500; 
    border-radius: 15px; 
    width:15px; 
    height:15px; 
} 

JSFiddle：https://jsfiddle.net/e563tgdn/

Answer 1

それは "単なる" フォントのレンダリングだろうか？このヘルプのようにCSSを設定して正規化しますか？

-webkit-text-size-adjust: none; 
text-size-adjust: none; 
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
-ms-text-size-adjust: 100%;