1

我有两个浏览器都在 Ubuntu 10 中运行。

Firefox 4 RC 和 Google Chrome 10。两者都有非常不同的粗体文本表示。请看下面的截图 - 上面是 Chrome，下面是 Firefox

在此处输入图像描述

Windows 和 Mac OSx 中的相同浏览器没有差异，或者至少差异很小。

为了排除任何 CSS 不兼容性，我检查了应用的样式和计算的字体粗细、大小、字母间距和行高的值。他们都匹配。

不粗体的足够奇怪的文本（包括这个）看起来完全一样。

使用的字体是Monotype Corsiva，它作为网络字体附加。其他字体没有这个问题。

我的问题是网络浏览器如何生成粗体文本？为什么这取决于使用的字体以及如何解决它？不幸的是，不能使用其他字体。

编辑：这是按要求应用于文本的 CSS：

text-align: right;
font-size: 110%;
font-weight: bold;
font-style: normal;
white-space: nowrap;
font-family: "Monotype Corsiva","mntcrsweb",sans-serif;
letter-spacing: 0.02em;
line-height: 100%;
text-shadow: -0.1em -0.06em 0.2em #000000;

font-size: 180%;

direction: ltr;

font-size: 10px;

line-height: 125%;
4

3 回答 3

4

粗体字体将是一个单独的字体文件，不包含在主字体中（至少，不用于 TTF 和 OTF 格式）。

Monotype Corsiva 没有加粗变体，因此如果您尝试对其进行加粗，操作系统和/或浏览器会尝试伪造它，结果会有所不同（但总是不太理想）。

简短的回答：不要那样做。

干杯，

托马斯

于 2011-03-21T16:05:48.133 回答
2

刚刚想起您的问题的另一个可能原因。字体可以在字体内包含粗体版本。一些浏览器和操作系统使用这个其他的会自己生成粗体。这可能是你的问题。字体可能有粗体或反面。没有自己测试过，但这可能是问题所在。

替代选择来自谷歌等的一些开源/免费网络字体。

于 2011-03-21T00:39:57.107 回答
0

如果你离开 % 和 em 单位会发生什么？改用“故障像素”？他们对齐了吗？我不是说你不应该使用 % 或 em，但是 px 单位会产生同样的问题吗？

如果是这样，我认为是时候忘记该任务的特定字体了。对我来说听起来很糟糕。

因为正如您所提到的，浏览器和操作系统版本以不同的方式呈现字体 - 例如。Windows 等上的 cleartype。但无论如何它们应该或多或少相似。

如果我在你的情况下，我会首先应用 1 css 样式，检查所有浏览器。然后应用下一个，直到外观中断。调试从底层开始。:o)

于 2011-03-21T00:37:45.173 回答