如何使用子字体

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

对于我的网站，我安装了一个名为Open Sans的新字体。我用Regular Open Sans设计了身体，而且效果非常好。但是，我的网站有一部分是我想要成为Bold Open Sans的。在下载中有许多不同类型的Open Sans。大胆打开Sans，斜体打开Sans等......考虑到这一点，我决定只是将字体家族更改为CSS代码中的Bold Open Sans。什么都没发生。然后我尝试了Open Sans Bold。尽管如此，没有发生。有人可以解释发生了什么事吗？另外，出于某种原因，在任何情况下使用h1都会使其看起来像是大胆的。有人可以解释这一点吗？

下面是一些截图。

我试图使字母变粗体的方法。

结果。

来源

2015-10-29 Ryanplays Games

哪里是你的代码？ – hungerstar

有没有“Bold Open Sans”这样的字体。它可能是“Open Sans Bold”，但我不确定这是否正确，要么不看我自己。 – Rob

也许你有几个选项，请保持您提供NO源代码的头脑，如果你是正确的，以及如何加载你的字体没有指定，因此很难了解您的具体问题。

通过这里顺便一些选项：

尝试使用font-weight: bold;

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

如果您正在使用谷歌字体，你应该包括这在你的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

来源

2015-10-29 15:12:19 GibboK

嗯......它没有用大胆的方法工作，但现在它的工作！谢谢！ –

@RyanplaysGames太棒了！我很高兴它可以帮助你，如果你认为我的答案解决了你的问题，请考虑接受它。C在左边的这篇文章中点击勾号。（我认为它正好在箭头下面）。 – GibboK

点击了！感谢你的回答！：d –

如何使用子字体

回答

相关问题