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

我正在使用css@font-face函数定义自定义字体。该字体名为“Myriad Pro Bold”，作为备用，我使用Arial/无衬线字体

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

字体大小：粗体；元素仅在显示Arial或其他无衬线字体时才需要。如果我添加字体重量：粗体；对于标签和无数个字体，粗体字体变得格外粗体，看起来很难看

所以实际上我在找这样的东西

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

---

感谢您的帮助，谢谢

您的备用字体在重量上与自定义字体不匹配。然而，arial也有大胆的变化。你可以试试
h3{ 字体系列：自定义“Arial Bold”，无衬线；

---

}

您的备用字体在重量上与自定义字体不匹配。然而，arial也有大胆的变化。你可以试试
h3{ 字体系列：自定义“Arial Bold”，无衬线；

---

}

您是否尝试在@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;
}

---

不确定它是否有效，但请尝试一下。

是否尝试在@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;
}

---

不确定它是否有效，但请尝试一下。

Myriad Pro Bold是Myriad 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; }

---

Myriad Pro Bold是Myriad 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; }

---

所以，基本上你需要等待字体加载，或者有其他问题吗？那么，基本上你需要等待字体加载，或者有其他问题吗？有人发现我的想法可行也很好。很高兴有人发现我的想法奏效了，这也很好。不客气