重新创造＆＃34;瘦＆＃34; iCloud Beta正在使用的字体

Question

我想在http://beta.icloud.com上重新创建“登录iCloud”文字

我已经复制了归因于该文本行的所有样式，并且除了文本的粗细之外，一切都是有序的。我看到Apple已经将font-weight 300应用于样式，这应该并且确实使它更薄，但是当我复制并粘贴完全相同的代码时，我的浏览器会在我自己的网页上呈现更厚的代码。我的问题是，Apple如何使文字变薄，或者我如何才能达到同样的效果呢？

我到目前为止使用的代码是：

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;

关于什么可能导致它以正常厚度渲染的任何想法？我没有冲突的样式，这是与我的文本行相关的唯一代码

Answer 1

使用CSS我可以获得与iCloud网站相同的样式。 （http://jsfiddle.net/LeBen/WznR5/）

在font-weight之后，可以稍微改变webkit浏览器上文本外观的属性是-webkit-font-smoothing: antialiased;。如果您不使用它，浏览器将回退到默认的平滑模式（subpixel-antialiased）并导致文本看起来更大胆。

您确定已将其包含在测试中并且浏览器会应用它吗？

Answer 2

试试Avenir Ultra Light它是一种看起来与它相似的瘦字体

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