html – CSS非常薄的字体？

如何使用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;
}

任何想法薄,清脆的字体？

解决方法

Google正在使用他们的字体API和CSS的@ font-face

请参阅代码中的以下参考资料：

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

下面是“注册”字体的确切定义：

@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/

原文地址：https://www.jb51.cc/html/231243.html