windows - Windows 和 Mac OS X 之间的字体大小

Question

我在做一个项目，我想知道为什么 Windows 和 Mac OS X 之间的网络字体大小(宽度)不同。我发现 Mac 上的所有浏览器都具有相同的大小，但在Windows 它因浏览器而异。我很沮丧，等着你来这里。我现在的问题是为什么它们之间的宽度不同？

Answer 1

有很多可能的原因:

1. 不同的字体。很少有 Mac 字体与 Windows 上的字体相同。 (不清楚您是希望 Windows 结果与 Mac 结果匹配，还是只是希望它们在 Windows 上保持一致。)

2. 不同的默认尺寸。大多数浏览器都有默认的字体和大小，它们可能并不完全相同。

3. 对字体大小的不同解释。当你说你想要(例如)10 点字体时，它的含义并不完全明确。有真点(1/72.27 英寸)，但更常见的是计算机点(1/72 英寸)。你想要字符单元格高度吗？有或没有内部领导？还是您的意思是实际字符高度或仅仅是字体的上升？不同的浏览器可能会选择以不同方式解释尺寸。

4. 不同的分辨率。浏览器可能会以不同方式处理不同的屏幕分辨率。 Windows 有一个“逻辑英寸”的概念，它通常比显示器上的真实英寸大。但是用户可以自定义多大。某些浏览器可能会忽略逻辑英寸并使用设备的实际 DPI(或者至少他们认为 DPI 是什么——操作系统可能实际上并不知道)。

5. 不同的渲染技术。无论您是使用提示、抗锯齿、子像素渲染(例如 ClearType)还是这些的某种组合，都会对文本的宽度产生轻微影响(即使每个人都同意确切的字体和确切的垂直大小)。

6. 不同的尺度。大多数浏览器都提供缩放功能，并且它们可能不会在不同浏览器上默认为相同的值。另请注意，当您更改比例时，文本宽度通常不会线性缩放(请参阅 #5)。

这些问题中的任何一个都可能导致文本宽度的差异(这会导致不同的自动换行选择)，使页面在不同浏览器和机器之间看起来不同。在许多情况下，您可能会遇到这些阻碍一致性的问题。

解决方案是设计灵活的布局。不要通过硬编码事物(如 a 的大小)来创建对字体大小的隐式依赖，并期望文本始终适合。通常，选择与文本大小相关的大小，并为实际文本大小的变化做好准备。