我刚刚使用 Google Fonts 并发现了 Fira Sans 字体。很好，但我不喜欢 Bold (700) 风格，它太大胆了，不符合我的喜好。但是，如果我选择中 (500) 样式，浏览器不会将其用于任何设置为font-weight: bold (e.g. <strong>）。相反，它使用某种看起来模糊的人造粗体。
我可以浏览我的样式表并设置每次出现的bold to 500。我还可以使用 Sass 设置一个变量，例如$bold-weight: 500;如果我决定稍后更改字体，这会有所帮助。
但这有点痛苦，另外bold也是许多浏览器样式的默认设置（例如<strong>, <th>）所以我必须确保我也能捕捉到所有可能发生的情况。并且可能存在我无法控制的外部脚本/样式。
有没有办法让所有出现的情况bold使用重量500？
就在这里，
当您选择快速使用谷歌字体时，系统会向您提供一个包含在标题中的链接，在您的网络浏览器中打开该链接，您将看到一个包含大量内容的 css 文件。
/* 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 with font-weight: 400 (or normal)，它指的是 src 属性中描述的字体。
现在，如果你想让所有font-weight: bold在你的CSS中使用这个字体，只需更改400在上面的字体样式中bold你就完成了。
或者您可以复制完整的 @font-face{..} 并在其中使用另一种字体样式。
另外，您可以使用不同的字体这里也一样。确保 @font-face 中仅保留一个 font-style 或 font-weight 标签。
此示例使用谷歌字体，您可以对自托管字体使用相同的技术。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
