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

时间:2011-04-30 17:20:09

标签: javascript jquery html css effects

Apple在其网站上使用带有一种白色阴影的字体,使其看起来像雕刻/蚀刻字体。我发现了一些技巧,但总是非常有限。 (顺便说一下,使用不同颜色的in this web site too使用相同的效果)

他们如何才能获得此字体效果并使其在所有浏览器中都能正常运行。有人知道脚本(javascript甚至css的东西)来获得完全相同的效果吗? 谢谢

3 个答案:

答案 0 :(得分:6)

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

text-shadow: white -1px 1px;

像往常一样,最新的CSS内容并没有得到IE的支持。我想象< IE9不支持此属性。

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

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

答案 1 :(得分:3)

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

关键的CSS属性是text-shadowHere's快速参考

示例如下:

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

答案 2 :(得分:1)

我在谷歌周围做了一些嗅闻,这就是苹果“应该”使用的......

h1 {

color:black;

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

}