フォントファミリの上部と下部クロムとファイアウォールで異なる埋め込み

私は 'Shruti'ウェブフォントを使用していますが、クロムとFirefoxではレンダリングが異なります。フォントファミリの上部と下部クロムとファイアウォールで異なる埋め込み

追加された画像はテキストボックス用であり、同じことが他の要素にも適用されます。私はすでにpixel/emではパディングを使用しましたが、同じことを再度試みました。

一貫性のためにすべてのブラウザでフォント間隔の問題を解決するにはどうすればよいですか？

2017-02-09 Shashank Bhatt

:-moz-placeholder { /* Firefox 18- */ 
line-height:10px; 
} 
::-moz-placeholder { /* Firefox 19+ */ 
    line-height:10px; 
} 

:-ms-input-placeholder { 
    line-height:10px; 
}

あなたのCSSコードにこれを追加してみてください、それはあなたが唯一のFirefoxは、それはクロムのように見えるようにするためのプレースホルダの行の高さを調整できます。

必要に応じて10pxを変更してください。他の要素について

あなたはあなたのコード

出典

2017-02-09 08:53:15 KAMA

と例を掲載すべきであるしかし、それは、テキストボックスのテキストのためにのみplaceholder.Whatを設定しますか？ –

@ -moz-document url-prefix（）{body {font-size：100％; }}あなたに問題を与えるものであれば、firefoxをターゲットにするために私に働きます。 – KAMA

Firefoxのテキストは、垂直方向に中央に維持されますが、クロムに対しては垂直方向に上に移動します。 –

フォントファミリの上部と下部クロムとファイアウォールで異なる埋め込み

答えて

関連する問題