如何通过CSS设置“半粗体”字体？ 600的字体重量并不会使它看起来像我在Photoshop文件中看到的半粗体
我正在做一个Photoshop到XHTML的转换，网站devise师使用了在Photoshop中看起来不错的Myriad Pro Semi-bold字体，但是当我尝试CSS中的半粗体选项时，它看起来非常像正常的粗体字体，这对我的目的来说太大胆了。 有没有办法在HTML和CSS中实现更好看的半粗体字体，或者我坚持'font-weight：600'？
实际的方法是将font-family设置为semibold版本的特定名称，例如
font-family: "Myriad pro Semibold"
如果这是名字。 （我个人使用我自己的字体列表工具 ，它只能在Internet Explorer上运行，以查看我的系统中字体的名称在CSS中可用。）
在这种方法中， font-weight是不需要的（可能最好不要设置）。
网页浏览器在实现字体权重方面一直很差：他们基本上找不到具体的重量版本，除了粗体。 解决方法是将这些信息包含在字体名称中，尽pipe这不是应该如何工作的。
使用Segoe UI进行testing（在Windows系统中经常以不同的字体重量版本存在），使用逻辑方法（使用字体系列名称Segoe UI和不同的font-weight值），可以使Internet Explorer 9select正确的版本， ，但在Firefox 9和Chrome 16上失败（只有正常和大胆的工作）。 在所有这些浏览器上，例如，设置font-family: Segoe UI Light工作正常。
在CSS中，对于font-weight属性，值： normal默认为数值400， bold为700。
如果你想指定其他的权重，你需要给出的数字值。 该数字值需要为您正在使用的字体系列支持 。
例如，你可以像这样定义半粗体：
font-weight: 600;
这里有一个使用“Open Sans”字体系列的JSFiddle ，加载了上面的权重。
对我来说，以下工作很好。 只需添加它。 您可以按照您的要求进行编辑。 这只是我使用的一个很好的技巧。
text-shadow : 0 0 0 #your-font-color;
到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>
font-family：'Open Sans'; font-weight：600; 重要的是改变到不同的字体家族
