小开

最佳答案

实际的方法是将 font-family设置为一个值，该值是半黑体版本的特定名称，例如

font-family: "Myriad pro Semibold"

如果那是名字的话。(就我个人而言，我使用我自己的字体列表工具，它运行在 Internet Explorer 上，只能看到我的系统中的字体的名称在 CSS 中是可用的。)

在这种方法中，不需要 font-weight(最好不要设置)。

Web 浏览器在实现字体权重方面一直很糟糕: 除了粗体之外，它们很大程度上无法找到特定的权重版本。解决办法是将信息包含在字体的姓氏中，即使这不是事情应该如何工作。

通过使用 Segoe UI (在 Windows 系统中通常有不同的字体大小版本)进行测试，我能够让 Internet Explorer 9在使用逻辑方法(使用字体家族名称 Segoe UI 和不同的 font-weight值)时选择合适的版本，但是在 Firefox 9和 Chrome 16上失败了(只有正常和大胆的工作)。例如，在所有这些浏览器上，设置 font-family: Segoe UI Light可以正常工作。

小开

对我来说，下面的方法很有效。加上就行了。您可以根据您的要求编辑它。这只是我用的一个小把戏。

text-shadow : 0 0 0 #your-font-color;

小开

在 CSS 中，对于 font-weight属性，值: normal默认为数值400，bold默认为700。

如果要指定其他权重，则需要给出数值。

例如，你可以这样定义半粗体:

font-weight: 600;

这里的 JSFiddle使用“ Open Sans”字体系列，加载了以上的权重。

小开

Font-family: ‘ Open Sans’; font-weight: 600; 务必更改为不同的 font-family

小开

到2016年中期，Chromium 引擎(v53)只支持3种强调风格:

纯文本，粗体，超级粗体。

 <div style="font:normal 400 14px Arial;">Testing</div>


<div style="font:normal 700 14px Arial;">Testing</div>


<div style="font:normal 800 14px Arial;">Testing</div>

小开

通过指定加载时所需的权重来选择字体

字体系列由几种不同的字体组成

例如，在 Photoshop 中，额外加粗会使字体看起来非常不同，因为您选择的是 不同的字体。斜体字体也是如此，它看起来确实非常不同。设置 font-weight:800或 font-style:italic 可能会导致网页浏览器尽最大努力增加或倾斜家族中的 < strong > 普通字体 。

即使你正在加载一个字体家族，你必须 指定您需要的重量和样式为一些网络浏览器，让你选择一个不同的字体在家族与 font-weight和 font-style。

例子

此示例指定字体族 Open Sans 中的轻型、普通、普通斜体、粗体和额外粗体字体:

<html>
<head>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Open+Sans:100,400,400i,600,800">
<style>
body {
font-family: 'Open Sans', serif;
font-size: 48px;
}
</style>
</head>
<body>
<div style="font-weight:400">Didn't work with all the fonts</div>
<div style="font-weight:600">Didn't work with all the fonts</div>
<div style="font-weight:800">Didn't work with all the fonts</div>
</body>
</html>

参考文献

(Quora 警告，如果不允许，请删除)

Https://www.quora.com/how-do-i-make-open-sans-extra-bold-once-imported-from-google-fonts

测试

在 Mac 版 Firefox 66.0.3和 Windows 版 Firefox 36.0.1中测试。

非谷歌字体

其他字体必须上传到服务器，样式和权重指定的个人名称。

系统字体

在字体方面，不要假设什么设备正在访问你的网站，或者在它的操作系统上安装了什么字体。

(你可以使用 serif 和 sans-serif 的备用字体，但是你可以通过各个网页浏览器的版本映射到这些字体，在操作系统版本中可用的字体内，而不是你设计的字体)

测试应该使用暂时从系统中卸载的字体来完成，以确保您的设计是有效的。

如何通过 CSS 设置“半粗体”字体？600的字体重量不会让它看起来像我在 Photoshop 文件中看到的那种半粗体

通过指定加载时所需的权重来选择字体

字体系列由几种不同的字体组成

例子

参考文献

测试

非谷歌字体

系统字体