CSS:在Windows和iOS上没有一致呈现的速递字体

Question

我的客户想用的字体是“速递”。快递并不是安装在每台电脑或智能手机上。当它不在的时候，它又回到了“信使新”。“快递新”是一个比“信使”更薄的字体，我希望页面的外观在不同的操作系统和浏览器上尽可能一致。所以我想:如果没有安装“快递”，为什么不使用“快递新Bold”呢？见下图：

​

在创建这个图像之后，我更加困惑了。我在css中向我的字体系列声明中添加了更多的字体名称，以涵盖如何在不同的操作系统上调用字体(即“Courier”)。这是新的宣言：

font-family: Courier, CourierNewPS-BoldMT, 'Courier New Bold', 'Courier New Fett', monospace;

现在出现了奇怪的部分:在Windows中的Chrome上，文本呈现得和以前一样薄。移动Safari也是如此。

我怀疑的是: Chrome (WinXP)和Mobile都只检查我声明的第一个字体。他们看到的是“信使”。他们没有安装“快递”，所以他们提供“快递新”。它们没有考虑到我在CSS中声明的其他字体。

很抱歉这么长的帖子。我的问题归结为:如何使文本在所有操作系统和浏览器上一致显示为“信使”或“信使新Bold”？

你可以找到这里的实际例子。

更新:我读过关于-webkit-font-smoothing: antialiased;的文章，并将它添加到CSS中，但这并不能解决问题。在Windows和iOS上，文本看起来仍然要薄得多。

Update2：这个职位从2007年开始解释了“信使”是如何在iOS上显示为“新快递”的，以及为什么它糟糕透了。不过，我不确定较新版本的iOS是否仍有相同的行为。

Answer 1

CSS缺乏编程功能，所以你不能用CSS来表达诸如“在正常的权重中使用字体A，否则用粗体的字体B”之类的东西。字体族和字体大小在CSS术语中是相互独立的。

如果你已经检查过，嵌入是不允许的信使，看看可用的免费字体创建类似信使。对于初学者，请查看替代方案，如果客户端可以接受其中的一些，您可以将其与@font face一起使用。(我想你已经向客户解释过，Courier是最糟糕的选择，与Comic Sans竞争，而且在仍然可用的计算机上，Courier的视觉大胆可能是由于它作为位图字体实现的，这使得它在大尺寸或高分辨率渲染中看起来很糟糕。如果客户仍然坚持，免费的速递字体可能是最简单和技术上最可靠的方法。)

Answer 2

获得一些免费的快递类字体，并嵌入它作为网页字体，让它显示“在所有的操作系统和浏览器一致”。这是用户在设计网站时看到您/您的客户所想到的字体的唯一方法。