我目前正在开发一个网络应用程序,我希望使用 Courier。 除了 Courier 在 Windows 上运行的浏览器上显示得非常薄之外,一切都工作得很好。 我知道 OSX 本质上渲染在“粗体”一侧显示字体,但是 Windows 的情况似乎很可怕。
我的问题:
如何增加 Windows 上的字体粗细?我不寻求获得 font-weight: 粗体;因为太多了。
我应该使用哪种其他字体代替 Courier 来提高 Windows 上的可读性?
谢谢你。
以下是字体粗细的选项。但请注意,大多数情况下,特定字体系列只有几个可用的粗细。当设置了特定权重并且不存在人脸时,将使用具有附近权重的人脸(source)。因此,即使您将重量设置为
500
(应比正常稍厚),它可能看起来仍然相同。
如果您关心的是“可读性”,那么您应该考虑使用不同的字体。普遍的共识是无衬线字体在屏幕上比衬线字体更“可读”,因此您应该使用类似
Helvetica
或 Verdana
... (font-family: Helvetica, Verdana, Arial, Sans-Serif;
)
字体粗细:
100
- 薄
200
- 超轻(超轻)
300
- 光
400
- 正常
500
- 中等
600
- 半粗体(半粗体)
700
- 粗体
800
- 超粗体(超粗体)
900
- 黑色(重)
normal
- 与“400”相同。
bold
- 与“700”相同。
bolder
- 指定比继承值更粗的面的粗细。
lighter
- 指定比继承值更轻的面的权重。
顺便说一句,
Courier
和 Courier New
在我的 Windows 浏览器上看起来不错。
现代版本的 Windows 没有 Courier。旧版本有这样的字体,通常是质量较差的位图字体。现代版本将字体名称 Courier 映射为 Courier New,这是一种更好的字体。不过,它可能看起来有点薄。
Courier New 只有两种字体粗细,普通和粗体。如果它们都不适合您的喜好,请考虑使用不同的字体。 (在某种意义上,使用
text-shadow
可以进行类似人工粗体的修改,但即使是一个像素的阴影也会产生看起来比粗体字体更粗体的外观。)
如果您需要等宽字体,请考虑使用 Lucida Console(在大多数 Windows 系统中可用)或 Consolas(在现代 Windows 系统中可用),而不是 Courier 或 Courier New。它们的笔划宽度更强。
如果 Courier New 看起来太薄,您可能需要Courier10 Pitch BT,该字体可以解决 Courier/Courier New 的这个缺点。
文字示例,