Fonts 这个网站是如何呈现字体的？

---

顶部的大字体看起来很漂亮。甚至在窗户上。我注意到他们并没有对页面上的其他字体这样做。。。它是flash内容还是什么？

如果你说的是“1400万个站点不会错。”渲染，一种简单的方法是复制标题：

HTML:

我想你可以用这种方式进行渲染

---

编辑：也许是更好的方法-您可以使用Firebug或Chrome检查工具使用

，您可以看到h2标记（页眉）的样式定义是：

下面的副标题是：

.helv, .bigtext {
font-family: "Open Sans",Helvetica,arial,sans-serif;
font-style: normal;
font-weight: 300;
letter-spacing: -.05em;
}

---

这是一种可怕的方法。谷歌将在

中索引双文本，它只需使用

文本阴影

css即可。旧版IE有一些变通方法文本阴影属性在所有主流浏览器中都受支持，除了Internet Explorer（甚至是较新的）READ，我说过IE有一些变通方法，例如：如果必须这样做，我建议您使用Javascript呈现代码来实现这一点。您缺少了一个较大的部分，即

文本阴影：0 2px#FFFFFF在
.hp-banner-b h2上声明
是的，您说得对，谢谢。但是，对我来说，启用或禁用此属性不会在页面上做出任何可见的更改。这可能与我的显示设置/视力有关，但我看不到白烟背景上的白色阴影。看起来更好，因为正是文字阴影使文字看起来很好我包括了文字阴影。然而，最新的谷歌Chrome浏览器使用文本阴影进行渲染，而不使用文本阴影。我看不出有什么大的区别“这让文本看起来很好”。
.title h1 {
    position: relative;
    margin-top: 0px;
    color: white;
}

.title h1 span {
    position: absolute;
    top: -1px;
    left: -1px;
    color: black;
}

h2 {
font-family: "HelveticaNeueBold","HelveticaNeue-Bold","Helvetica Neue",Helvetica,"open sans",arial,sans-serif;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 1.2em;
word-wrap: break-word;
color: black;
letter-spacing: -0.04em;
}
.hp-banner-b h2 {
margin: 0 0 5px 0;
font-size: 4.2em;
letter-spacing: -0.02em;
text-shadow: 0 2px black;
}

.helv, .bigtext {
font-family: "Open Sans",Helvetica,arial,sans-serif;
font-style: normal;
font-weight: 300;
letter-spacing: -.05em;
}