CSS非常薄的字体？

Question

如何使用CSS创建非常细的字体，就像http://www.google.com/landing/newgadgets/一样？

现在我正在使用这个，但我在mac上，我不认为windows支持"Helvetica Neue“。

h1{
  font-size:64px;
  font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:100;
}

对纤细、清爽的字体有什么想法吗？

Answer 1

谷歌正在使用他们的font API和CSS的@font-face

请参阅其代码中的以下引用：

<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin" rel="stylesheet">

下面是“register”所说的字体的确切定义：

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

然后，他们只需将该字体应用于元素/s：

h1, h2, h3, h4, blockquote, q, .maia-nav ul {
   font-family: 'open sans',arial,sans-serif;
}

注意： @font-face字体在较低级别的浏览器上无法清晰呈现。如果您需要支持它们，请尝试- http://cufon.shoqolate.com/

Answer 2

只需从Google's Web Fonts获取该字体即可。

选择您想要的字体，选择样式(粗体、、斜体等)谷歌会给你一个<link />元素来包含在你的超文本标记语言中。

当前字体名为Open Sans

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

现在你可以使用它了：

font-family: 'Open Sans', sans-serif;

Answer 3

我使用谷歌字体。举个简单的例子：

https://fonts.google.com/specimen/Raleway