是否可以使font-weight:粗体等于500而不是700?

时间:2016-06-15 13:03:59

标签: css fonts font-face

我刚刚使用Google字体并找到了Fira Sans字体。它很好但我不喜欢Bold(700)风格,它太大胆了我不喜欢。但是,如果我选择中(500)样式,则浏览器不会将其用于设置为font-weight: bold的任何内容(例如<strong>)。相反,它使用某种看起来模糊的人造大胆。

我可以查看我的样式表,并将bold的每次出现设置为500。我也可以使用Sass来设置像$bold-weight: 500;这样的变量,如果我决定稍后更改字体,这会有所帮助。

虽然有点痛苦,加上bold也是许多浏览器样式的默认设置(例如<strong><th>)所以我必须确保抓住每一种可能的发生。并且可能存在我无法控制的外部脚本/样式。

有没有办法让所有出现的bold使用权重500?

1 个答案:

答案 0 :(得分:2)

是的,

当您选择快速使用谷歌字体时,您将获得一个链接以包含在标题中,打开链接到您的网络浏览器,您将获得一个包含大量

的CSS文件
None

正如您所看到的,/* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } font-style: italicfont-weight: 400标记内的某些特定字体(Roboto Italic)相关联,这意味着无论何时使用@font-face font-weight: italic(或font-weight: 400),它指的是src属性中描述的字体。

现在,如果您想让css中的所有normal使用此字体,只需将上面字体样式中的font-weight: bold更改为400即可。

或者您可以复制完整的@ font-face {..}并使用其他字体样式。

此外,您也可以在此处使用不同的字体。确保在@ font-face中只保留一个font-style或font-weight标签。

此示例使用谷歌字体,您可以对自托管字体使用相同的技术。