如何獲取apple's-website-like字體樣式？

蘋果公司在它的網站上使用了一種白色陰影的字體，使它看起來像雕刻/蝕刻字體。我發現了一些技巧，但總是非常有限。（順便說一句，in this web site too使用不同的顏色）如何獲取apple's-website-like字體樣式？

他們做什麼來獲得這種字體效果，並使其在所有瀏覽器中工作。有人知道一個腳本（JavaScript甚至css的東西），以獲得完全相同的效果？謝謝

2011-04-30 john

請給的效果的例子你在說什麼。我無法在您提供的鏈接中看到任何特別的內容。 – 2011-04-30 17:22:34

不知道在哪裏，你在蘋果網站的意思是，但在其他環節，它與下面的CSS實現...

text-shadow: white -1px 1px;

像往常一樣，最新的CSS的東西ISN」由IE支持得很好。我想像< IE9不會支持這個屬性。

看起來你可以使用微軟私有財產filter實現類似的東西...

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

2011-04-30 17:22:37 alex

值得一提的是，所有瀏覽器都不支持text-shadow屬性，因爲它不屬於CSS 2.1規範。 – 2011-04-30 17:24:35

@kennis並非所有的瀏覽器都支持CSS 2.1 :)我會進行編輯。 – alex 2011-04-30 17:25:12

哈哈，夠公平的。 – 2011-04-30 17:26:39

根據記錄，這並不在所有的瀏覽器。不知道它是否適用於任何版本的IE，但在FF，Chrome和Safari中應該可以正常工作。

關鍵的CSS屬性是text-shadow。 Here's快速參考

一個例子如下：

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

2011-04-30 17:23:09 rossipedia

我做了一些嗅探圍繞谷歌，這就是蘋果「所謂的」使用...

h1 { 

color:black; 

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

}

2013-10-04 22:04:11

讓我知道它是否工作...... – 2013-10-04 22:09:23

回答