Windows Courier 字体看起来极其“瘦”

问题描述 投票:0回答:3

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

我的问题:

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

  • 我应该使用哪种其他字体代替 Courier 来提高 Windows 上的可读性?

谢谢你。

windows html css
3个回答
5
投票

以下是字体粗细的选项。但请注意,大多数情况下,特定字体系列只有几个可用的粗细。当设置了特定权重并且不存在人脸时,将使用具有附近权重的人脸(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 浏览器上看起来不错。


3
投票

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

Courier New 只有两种字体粗细,普通和粗体。如果它们都不适合您的喜好,请考虑使用不同的字体。 (在某种意义上,使用

text-shadow
可以进行类似人工粗体的修改,但即使是一个像素的阴影也会产生看起来比粗体字体更粗体的外观。)

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


0
投票

如果 Courier New 看起来太薄,您可能需要Courier10 Pitch BT,该字体可以解决 Courier/Courier New 的这个缺点。

文字示例,

example

© www.soinside.com 2019 - 2024. All rights reserved.