0

我正在使用 css @font-face 函数来定义自定义字体。该字体称为“Myriad Pro Bold”，作为备用我使用 Arial/Sans-Serif。

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

字体粗细：粗体；仅当显示 Arial 或其他 Sans-Serif 字体时才需要元素。如果我添加字体粗细：粗体；对于标签和 MyriadProBold 加载，粗体字体变得更加粗体，看起来很难看。

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

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

感谢您的帮助，谢谢！

4

3 回答 3

2

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; }
于 2013-03-22T05:08:15.430 回答
1

您的后备字体与您的自定义字体的重量不匹配。但是，arial 有大胆的变化。你可以试试
h3 { font-family:custom, 'Arial Bold', sans-serif; }

于 2013-03-22T02:59:12.417 回答
0

您是否尝试在@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-22T03:07:50.380 回答