如何获得类似苹果网站的字体样式？

Question

苹果在其网站中使用了一种带有白色阴影的字体，使其看起来像雕刻/蚀刻字体。我发现了一些技巧，但总是非常有限。 （顺便说一句，此网站中使用了相同的效果 也具有不同的颜色）

他们如何获得这种字体效果并使其在所有浏览器中工作。有人知道一个脚本（javascript 甚至 css 的东西）来获得完全相同的效果吗？ 谢谢

Answer 1

不确定你在 Apple 网站中的意思，但在另一个链接中，它是通过以下 CSS 实现的...

text-shadow: white -1px 1px;

像往常一样，IE 不太支持最新的 CSS 内容。我想< IE9 不支持该属性。

看起来您可以使用 Microsoft 专有的 filter 属性来实现类似的功能...

filter: Shadow(Color=#fffffff, Direction=0, Strength=1);

Answer 2

根据记录，这并不适用于所有浏览器。不确定它是否适用于任何版本的 IE，但在 FF、Chrome 和 Safari 中应该可以正常工作。

关键的 CSS 属性是 text-shadow。 这是快速参考

示例如下：

<style type="text/css">
   body {
     background-color: gray;
     color: black;
     text-shadow: 0px 1px 0px white;
   }
</style>

Answer 3

我在谷歌上做了一些嗅探，这就是苹果“据说”使用的......

h1 {

color:black;

font: 35px/50px "Lucida Grande", Arial, Verdana, sans-serif;   

}