<分区>
如何使用 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;
}
对细而清晰的字体有什么想法吗?
<分区>
如何使用 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 正在使用他们的font API 和 CSS 的 @font-face
请参阅他们的代码中的以下引用:
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&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');
}
然后他们简单地将该字体应用到元素:
h1, h2, h3, h4, blockquote, q, .maia-nav ul {
font-family: 'open sans',arial,sans-serif;
}
注意: @font-face
字体在下层浏览器上呈现不清晰。如果您需要支持他们,请尝试 - http://cufon.shoqolate.com/
关于html - CSS 很细的字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8706023/