「ラインハイト」スタイルは安全に使用できますか？

Question

行の高さのスタイル属性は、レイアウトとデザインの面で安全に使用できますか？

私は、テキスト行にIE6とIE7の間のスペースが狭いが、他の主要なブラウザではうまく動作するという問題があります。

私はline-height:20px;を追加しましたが、IE6と7でもうまく見えますが、面白いのはChromeやFirefox、Opera、Safariでは行の高さが変わっていないことです！

なぜ変わっていないのですか？ここで

コードは次のとおりです。

<font color="#000000" face="Tahoma, Geneva, sans-serif" style="font-size:13px; font-weight:bold; line-height:20px;"> 

おかげ

Answer 1

あなたの質問に答えるために、行の高さはかなり安全です。ただし、<font>はありません。 HTML 4.01では廃止され、HTML5からは削除されました。フォントの色とフォントファミリにCSSを使用する必要があります。あなたが言及した他のブラウザで変更されていない理由は、<font>は構造タグではなくプレゼンテーションタグであるかもしれませんが、それは単なる推測です。

CSS：

.specialText { 
    color:#000; 
    font:bold 13px Tahoma, Geneva, sans-serif; 
    line-height:20px;  
} 

HTML：それはHTML5でサポートされていないので、

<span class="specialText">My special text</span> 

Answer 2

はもう<font>タグを使用しないでください。あなたの最善の選択肢は埋め込み/外部CSSを使用することです。ここでは例です：

HTML

<span class="example">Your text here</span> 

CSS

.example{ 
line-height:20px; 
color:#000;//#000000 is the same thing 
font:bold 13px Tahoma, Geneva, sans-serif; 
}