如何使用 CSS 实现跨浏览器字体一致性？答案

【问题标题】：How to achieve cross browser Font Uniformity with CSS?如何使用 CSS 实现跨浏览器字体一致性？
【发布时间】：2012-02-08 19:58:21
【问题描述】：

目标：具有 6 个文本阴影值的文本在 Chrome、Safari、FF 和最好的 IE（新）版本中显示相同。

我使用的代码是：

font-size: 2em;
color: #fff;
letter-spacing: 1px;
font-weight: bold;
font-style: italic;
text-shadow: -1px 0px 1px #000, 0px -1px 1px #000, 0px 1px 1px #000, 1px 0px 1px #000, 1px 2px 1px #000, 2px 1px 1px #000;

在装有 Chrome 和 Safari 的 Mac 上，它看起来不一样，因为 Safari 显示文本“加粗”。

我应该怎么做才能实现跨浏览器的一致性？

谢谢。

【问题讨论】：

标签： css cross-browser

【解决方案1】：

在不同浏览器中使字体视觉统一的唯一方法是，嗯.. 图像。浏览器呈现不同的 CSS 装饰，不仅是字体，还有边框。 http://www.impressivewebs.com/comparison-css-border-style/ http://css-tricks.com/font-rendering-differences-firefox-vs-ie-vs-safari/

Safari 以渲染不同字体而闻名。

【讨论】：