如果@ font-face不起作用，以粗体显示文本

我使用css @ font-face函数来定义自定义字体。这个字体被称为“Myriad Pro Bold”，作为后备我使用Arial/Sans-Serif。如果@ font-face不起作用，以粗体显示文本

@font-face { font-family: MyriadProBold; src: url('fonts/myriadpro_bold.otf'); } 
h3 { font-family: MyriadProBold, Arial, Sans-Serif; }

font-weight：bold;元素仅在显示Arial或另一种Sans-Serif字体时需要。如果我加font-weight：bold;添加到标签和MyriadProBold加载时，粗体字变得更粗大，看起来很丑。

所以实际上我在寻找这样的事情

if h3 font is MyriadProBold 
    font-weight: normal; 
else 
    font-weight: bold;

帮助表示赞赏，谢谢！

来源

2013-03-22 dirk

所以，基本上你需要等待字体加载，或者还有其他问题？ – GNi33 2013-03-22 02:56:58

您的备用字体与自定义字体的重量不匹配。但是，宋体的大胆变化。您可以尝试
h3 {font-family：custom，'Arial Bold'，sans-serif; }

来源

2013-03-22 02:59:12

哈哈很棒的主意，应该想到那个我自己......谢谢！ – dirk 2013-03-22 03:06:07

有人发现我的想法正常工作也很棒。不客气 – 2013-03-22 03:30:18

您是否尝试在@ font-face中设置字体权重？

@font-face { 
    font-family: "MyriadProBold"; 
    src: url('fonts/myriadpro_bold.otf'); 
    font-weight: normal; 
} 
h3 { 
    font-family: MyriadProBold, Arial, Sans-Serif; 
    font-weight: bold; 
}

不知道它是否有效，但试试看。

来源

2013-03-22 03:07:50 Vassilis

聪明的想法...似乎不工作寿 – dirk 2013-03-22 03:10:08

无数临粗体是无数的Pro系列的黑体字，应宣布道：

@font-face { 
    font-family: "Myriad Pro"; 
    src: url('fonts/myriadpro_bold.otf'); 
    font-weight: bold; 
}

然后，你可以简单地让，也就是说，h3有缺省的勇气，或者如果声明明确有一些“CSS重置”或其他代码扰乱它：

h3 { font-weight: bold; }

现在只需声明字体系列自然的方式：

h3 { font-family: "Myriad Pro", Arial, sans-serif; }

来源

2013-03-22 05:08:15

如果@ font-face不起作用，以粗体显示文本

回答

相关问题