Windows Courier字体看起来非常“瘦”

时间:2013-02-09 16:26:49

标签: html css windows html5 css3

我目前正在开发一个我希望使用Courier的网络应用程序。 除了在Windows上运行的浏览器上Courier非常薄的事实之外,事情几乎都很好。 我知道OSX的本质渲染在“更大胆”的一面显示字体,但Windows的情况似乎很可怕。

我的问题:

  • 如何在Windows上增加字体粗细?我不寻求得到font-weight:bold;因为那太多了。

  • 我应该使用哪种其他字体而不是Courier来提高Windows的可读性?

谢谢。

2 个答案:

答案 0 :(得分:3)

以下是font-weight的选项。但请注意,大多数情况下,特定字体系列只有一些权重。当设置了特定的重量并且不存在面部时,使用具有附近重量的面部(source)。因此,即使您将重量设置为500,它应该比正常情况稍厚一些,它仍然看起来相同。

如果您的担忧是“可读性”,那么您应该考虑使用其他字体。普遍的共识是sans-serif字体在屏幕上比serif字体更“可读”,所以你应该使用HelveticaVerdana ......(font-family: Helvetica, Verdana, Arial, Sans-Serif;

字体-重量:

100 - 瘦

200 - 超轻(超轻)

300 - 光

400 - 正常

500 - 中等

600 - 半大胆(Demi Bold)

700 - 大胆

800 - 额外大胆(超大胆)

900 - 黑色(重)

normal - 与'400'相同。

bold - 与'700'相同。

bolder - 指定面部粗体的重量大于继承的值。

lighter - 指定脸部的重量比继承的值轻。

BTW CourierCourier New在我的Windows浏览器上看起来很好。

答案 1 :(得分:2)

Windows的现代版本没有Courier。旧版本有这样的字体,通常是质量差的位图字体。现代版本将字体名称Courier映射到Courier New,这是一种更好的字体。但它可能看起来有点薄。

Courier New只有两个字体粗细,普通和粗体。如果它们都不符合您的偏好,请考虑使用其他字体。 (在某种意义上,使用text-shadow可以进行人工粗体修改,但即使是一个像素的阴影也会产生看起来比粗体字更粗的外观。)

如果您需要等宽字体而不是Courier或Courier New,请考虑使用Lucida Console(在大多数Windows系统中可用)或Consolas(在现代Windows系统中可用)。它们具有更强的行程宽度。