如果@ 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;
帮助表示赞赏,谢谢!
您的备用字体与自定义字体的重量不匹配。但是,宋体的大胆变化。您可以尝试
h3 {font-family:custom,'Arial Bold',sans-serif; }
哈哈很棒的主意,应该想到那个我自己......谢谢! – 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;
}
不知道它是否有效,但试试看。
聪明的想法...似乎不工作寿 – 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; }
所以,基本上你需要等待字体加载,或者还有其他问题? – GNi33 2013-03-22 02:56:58