我能使用普通字体替代粗体字吗？

Question

我能使用普通字体替代粗体字吗？

3

我希望使用两种字体："A-Md"和"A-Bd"。

"A-Bd"看起来比"A-Md"更加粗体，但实际上"A-Md"和"A-Bd"都只有常规字重。

在这种情况下，我想将"A-Bd"作为"A-Md"更粗的字体。我的CSS写成了：

@font-face {
  font-family: 'A-font';
  font-weight: normal;
  src: local('A-Md');
}
@font-face {
  font-family: 'A-font';
  font-weight: bold;
  src: local('A-Bd');
}
body {
  font-family: 'A-font';
  font-weight: bold;
}

我希望将"A-Bd"应用于文本上，但是结果文本的字体会变得更加粗细，看起来不太好。如果我将字体设置为"A-Bd"，那么文本就没问题了，我想将"A-Bd"作为我定义的"A-font"的粗体文本使用。如何让"A-Bd"本身成为"A-font"的粗体版本呢？

- user3461590

你试图通过这种方法解决什么问题？为什么不直接使用常规字体呢？ - Jukka K. Korpela

@JukkaK.Korpela 实际上，我正在处理一些支持多种语言的移动网页。当一个是常规字体，另一个是粗体字体时，它可以成功工作。但现在我想为另一种语言使用两种不同的常规字体。当我以相同的方式使用它们时，它失败了。当我使用font-weight:bold时，浏览器会呈现我定义的'A-Bd'粗体字体的粗体版本。如果无法正常工作，我应该为所有粗体文本指定font-family:A-Bd，并在仅支持一种例外语言时删除font-weight:bold。 - user3461590

在你的问题中，你写道“"A-Md"和"A-Bd"字体实际上只有常规重量”，所以你可以得到的粗体（取决于浏览器）将是浏览器相关的“伪粗体”（合成粗体）。这确实是一个问题，但如果没有更具体的数据，包括一些HTML示例和相关的CSS规则，我无法理解你的意思。 - Jukka K. Korpela

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Incredulous · Answer 1

编辑：你正在尝试做一些不太常规的事情，特别是在设计方面，其中字体越少越好。但你可以通过类似以下的方式来实现：

@import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);
@import url(http://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
@import url(http://fonts.googleapis.com/css?family=Bangers);
@import url(http://fonts.googleapis.com/css?family=Sonsie+One);

b {
    font-family: 'Nothing You Could Do', cursive;
    font-weight: normal;
    }
p {
    font-family: 'Droid Sans Mono', san-serif;
    font-weight: normal;
    }
p#bangers {
    font-family: 'Bangers', cursive;
    font-weight: normal;
}
span.sonsie {
    font-family: 'Sonsie One', cursive;
    font-weight: normal;
}

然后在你的文档主体中，你可以用以下方式应用其他字体：

<p>Main font is Droid Sans Mono and other is <b>Nothing You Could Do</b></p>
<p id="bangers">This is Bangers and <span class="sonsie">this is Sonsie</span></p>

在这里查看我的JSFiddle示例：http://jsfiddle.net/Incredulous/GpJtP/

使用了来自这里的Google字体：https://www.google.com/fonts 来源于这里：http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/

- JRulle · Answer 2

如果您使用标签来指定加粗：b、strong、em 或任何 h# 标签（例如），您可以将这些设置为显示“您的加粗字体”和 font-weight:normal;

您甚至可以将这些属性一起设置多个元素，如下所示：

 b, strong, em  {
      font-weight: normal;
      font-family: 'your bold font';
 }

如有必要，请将其他类添加到列表中。