这对我来说是新事物。即使在使用 reset.css 后，我的 html 字体在 chrome 和 firefox 中的呈现方式也不同。这是我的网址
http://spheretekk.com/form1/fct14-grpap-marseille-Paris.html
如果您在 Firefox 中看到标题与右侧开始气球重叠
问问题
764 次
2 回答
3
这不是字距调整，而是font-variant: small-caps.
浏览器使用的常见默认字体（或 Noto Serif 字体）不包含真正的小型大写字母，即由印刷师设计的小型大写字母字形。即使他们这样做了，当前的浏览器也无法使用它们来实现 CSS 设置。相反，它们通过将小写字母替换为相应的缩小尺寸的大写字母来生成虚假的小型大写字母。这在印刷上都是错误的——笔画宽度变得太小，因此大写字母的样式与假的小型大写字母不同（看起来比它们更粗）。
显然，浏览器缩小尺寸的方式略有不同。
您可以通过自己删除和减少字体来解决这个问题small-caps，例如写作
C<small>ULINARY</small> F<small>RENCH</small> W<small>ATERWAYS</small>
并设置例如
small { font-size: 70% }
在 CSS 中（根据自己的喜好调整百分比）。它在排版上仍然很糟糕，但至少在浏览器中尽可能相似——前提是你要么使用 Noto Serif 作为可下载字体，要么将一些广泛可用的字体（如 Times New Roman）serif放在列表。
于 2013-09-05T09:52:49.707 回答
0
浏览器对字体大小的解释往往会有所不同。我个人倾向于将正文字体大小设置为 62.4%，通过这样做，您可以使用 ems 为单个元素设置字体大小，例如，1.4em = 14px、1.8em = 18px 等。这可能适用于你。
说了这么多……差异真的很小……真的值得所有的麻烦吗？生活中有更重要的事情:)
于 2013-09-05T09:21:48.870 回答