重新創建的iCloud測試版使用

我期待重現我已經複製歸因於該行文本的所有樣式的「登錄到iCloud」的http://beta.icloud.com 重新創建的iCloud測試版使用

文本「瘦」字體，和一切除了文本的粗細之外。我看到蘋果已經將字體重量300應用到了風格上，而風格應該會變得更薄，但是當我複製並粘貼完全相同的代碼時，我的瀏覽器會在我自己的網頁上渲染它。我的問題是，蘋果如何使文本變得如此薄，或者我怎樣才能達到相同的效果？

從他們身上，我迄今所使用的代碼是：

position: absolute; 
color: #FFF; 
left: 0px; 
right: 0px; 
height: 40px; 
top: 131px; 
font-size: 35px; 
font-family: "Helvetica Neue",sans-serif; 
font-weight: 300; 
line-height: 1.2; 
-webkit-font-smoothing: antialiased;

上這可能是導致其在正常厚度渲染任何想法？我沒有衝突的風格，這是與我行文本的唯一代碼

來源

2013-08-30 Ben Green

嘗試艾文莉超輕這是一個薄的字體看起來類似於它

http://www.typophile.com/node/42590

來源

2013-08-30 13:07:40 internetgho5t

使用給定的，我可以得到CSS與iCloud網站上的風格相同。（http://jsfiddle.net/LeBen/WznR5/）

Text rendered in Chrome

字體重量後，可以略微改變WebKit瀏覽器的文本的外觀的屬性是-webkit-font-smoothing: antialiased;。如果您不使用它，瀏覽器將回退到默認的平滑模式（subpixel-antialiased），並導致文字看起來更大膽。

你確定你已經將它包含在你的測試中，並且你的瀏覽器應用了它嗎？

來源

2013-08-30 14:13:09 LeBen

奇怪的是在我的瀏覽器（Chrome，最新版本），你jsfiddle張貼仍然很厚。它看起來不像你發佈的圖片。然而官方的iCloud網站卻顯示出優秀和精簡。很奇怪。我想我必須按照上面的建議去使用Avenir：/ –

您可以發佈截圖嗎？ – LeBen

iCloud將字體«Helvetica Neue»導入爲webfont。在Mac上，默認情況下會從Apple獲得«Helvetica Neue»，但在Windows上不會。 –

重新創建的iCloud測試版使用

回答

相關問題