0

ブラウザによってフォントのレンダリング方法が異なることはわかっています。特に太字フォントfont-weighは、 が設定されていない限り、すべてのブラウザで異なって表示されますnormalが、これにより太字フォントを使用できなくなります。

要素に適用font-weight: bold;すると#default_menu、一部のブラウザーではメニュー出力が他のブラウザーに比べて非常に広くなり、1 ピクセルや 2 ピクセルとは異なり、細かく調整するには少し多すぎます。

この問題を解決する、または少なくとも改善する可能性はありますか?

ありがとう

フィドル リンク

画像

HTML

<ul>
    <li><a href="#nogo" title="HOME">HOME</a></li>
    <li class="main_menu_seperator">|</li>
    <li><a href="#nogo" title="HOW IT WORKS">HOW IT WORKS</a></li>
    <li class="main_menu_seperator">|</li>
    <li><a href="#nogo" title="PARTNERS">PARTNERS</a></li>
    <li class="main_menu_seperator">|</li>
    <li><a href="#nogo" title="BLOG">BLOG</a></li>
    <li class="main_menu_seperator">|</li>
    <li><a href="#nogo" title="CONTACT US">CONTACT US</a></li>
</ul>

CSS

#default_menu
{
    font-weight: normal;
}
#default_menu
{
    font-size: 16px;
}
#default_menu ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#default_menu li
{
    display: inline;
}
.main_menu_seperator
{
    padding: 0px 10px 0px 10px;
}
4

3 に答える 3

0

フォントは、ブラウザとオペレーティング システムによって異なります。

これをチェック

font-weight プロパティ

font-weight: 400 /* is normal, not 100 */
font-weight: 700 /* is bold, not 600. */
于 2013-09-06T12:29:34.537 に答える
0

このような

通常のフォントfont-weight:100;が必要な場合は書いてください。太字のフォントが必要な場合は使用してください。font-weight:600;

デモ

CSS

font-weight:normal not bold以下で使用したい場合selector;

#default_menu
    {
       font-weight:100;/* normal font*/
       font-size: 16px; /*bold font*/
    }

また

ご希望の方は下記をfont-weight:boldご利用くださいselector

#default_menu
{
font-weight:600;
font-size:16px;
}
于 2013-09-06T12:02:18.457 に答える