我该如何使用子字体

Question

快速笔记：

我正在使用Macbook Air。
我使用TextWrangler作为文本编辑器。
我的Macbook版本是10.9.5。

对于我的网站，我安装了一个名为Open Sans的新字体。我用Regular Open Sans设计了它的身体，它工作得非常好。但是，我的网站有一部分我想成为Bold Open Sans。在下载中有许多不同类型的Open Sans。 Bold Open Sans，Italic Open Sans等...考虑到这一点，我决定在CSS代码中将font-family更改为Bold Open Sans。没啥事儿。然后我尝试了Open Sans Bold。然而，什么也没发生。有人能解释一下发生了什么吗？此外，由于某种原因，在任何事情上使用h1使它看起来像是大胆的。有人可以解释一下吗？

以下是一些截图。

我尝试将字母加粗的方法。

结果。

Answer 1

可能您没有多少选择，请注意您提供了 NO 源代码，但未指定是否正确加载字体以及如何填写字体，因此很难理解您的确切内容问题。

这里有一些选择：

尝试使用font-weight: bold;

.dateOfPost {
    font-weight: bold;
    /* you should specify your font type here */
}

如果您使用的是Google字体，则应将其添加到HTML标题中：

<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300' rel='stylesheet' type='text/css'>

这将从Google CDN加载OpenSans Bold字体。

您可以使用在CSS类上添加此属性的特定字体

font-family: 'Open Sans', sans-serif;

.dateOfPost {
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}

可在Google Web Font site找到更多信息。

实例：

https://jsbin.com/xawuyuyeye/edit?html,output