我刚刚使用Google字体并找到了Fira Sans字体。它很好但我不喜欢Bold(700)风格,它太大胆了我不喜欢。但是,如果我选择中(500)样式,则浏览器不会将其用于设置为font-weight: bold
的任何内容(例如<strong>
)。相反,它使用某种看起来模糊的人造大胆。
我可以查看我的样式表,并将bold
的每次出现设置为500
。我也可以使用Sass来设置像$bold-weight: 500;
这样的变量,如果我决定稍后更改字体,这会有所帮助。
虽然有点痛苦,加上bold
也是许多浏览器样式的默认设置(例如<strong>
,<th>
)所以我必须确保抓住每一种可能的发生。并且可能存在我无法控制的外部脚本/样式。
有没有办法让所有出现的bold
使用权重500?
答案 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: italic
与font-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标签。
此示例使用谷歌字体,您可以对自托管字体使用相同的技术。