Question

目标：包含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显示文字“更大胆”，因此看起来并不相同。

为了实现跨浏览器的统一性，我该怎么做？

谢谢。

Answer 1

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

Safari具有渲染不同字体的声誉。

如何用CSS实现跨浏览器字体的统一性？

1 个答案: