0

我知道浏览器以不同的方式呈现字体，尤其是粗体字体在所有浏览器中看起来都不同，除非font-weigh设置为normal，但这会阻止我们使用粗体字体。

当我应用font-weight: bold;到#default_menu元素时，与其他浏览器相比，某些浏览器的菜单输出变得非常宽，而且它有点太多了，不像 1 或 2 px。

有没有机会解决这个问题，或者至少让它变得更好？

谢谢

小提琴链接

图片

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

2

检查以下线程。

我希望这是你的问题

相同的字体，除了它的重量在不同的浏览器上似乎不同

于 2013-09-06T12:03:59.290 回答
0

字体取决于浏览器和操作系统。

检查这个

字体粗细属性

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 回答