html - CSS 很细的字体?

标签 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 正在使用他们的font 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');
}

然后他们简单地将该字体应用到元素:

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/

相关文章:

android - 用phoneGap播放声音时出错

css - 您如何在多个浏览器中调试 Display/CSS 问题?

jquery - url 中的查询字符串为 :

html - 如何使按钮内的文字居中?

javascript - “onclick”将用户重定向到他们的主页?

javascript - 如何在输入名称中使用特殊字符访问 javascript 中的表单输入值?

css - XML CSS 中的多种背景颜色?

html - 旋转文本 IE Microsoft.Matrix

ios - Web 字体(使用@font-face)在网页中可见但在用户的系统控件中不可见

javascript - 使用复选框交换 div 内所有内容的位置