HTML入力フォント

Question

のCss：

body{ 
    font-family: 'Helvetica', Arial, Lucida Grande, sans-serif !important; 
    font-size: 12px; 
    line-height: 1.4; 
    min-width: 1050px; 
    min-height: 500px; 
    color: #333333; 
} 

完璧な作品

、しかし、それは、入力フィールド上で動作していないようです。（それらの入力フィールドがNOスタイリングを持っていない間）何らかの理由でSはルシーダを使用していますグランデの入力フィールドのテキストと残りはちょうどHelveticaです、私は100％他のフォントファミリタグがないことを確信しています。

この原因とは何ですか？

Answer 1

入力フィールドは通常、ブラウザのデフォルトスタイルシートに設定された独自のスタイルを持っています。これは、通常、ブラウザに依存するフォントファミリを意味し、フォントサイズは約90％です。

フォントを設定するには、そのフォントを参照するセレクタを使用する必要があります。

body, input { 
    font-family: 'Helvetica', Arial, Lucida Grande, sans-serif; 
    font-size: 12px; /* if that’s what you want... */ 
    line-height: 1.4; /* somewhat excessive */ 
    color: #333333; /* if that’s what you want, but it reduces legibility */ 
    background: white; /* always set background when you set color */ 
} 
body { 
    min-width: 1050px; /* if you really want this... */ 
    min-height: 500px; 
} 

（ただし、これは送信ボタンにも影響することに注意してください）。

Answer 2

は、次を使用してみてください：

入力{ フォントファミリ：継承します。 }

他のフォントを設定して、この変更の問題を確認してください。