Windows上的平滑字体，这两个使用Twitter Bootstrap的网站如何实现这一目标？

Question

在带有Chrome的Windows 8上，大文字字体不流畅。但是我设法看到一些网站文本流畅（环境相同）。

第一： http://twitter.github.com/bootstrap/examples/hero.html

“你好，世界！”虽然它们较小，但是底部的“标题”文本并不是很平滑。

---

另一个是http://www.asana.com。在他们的主页上，“做伟大的事情”文本是顺利的。

---

现在两个页面都在使用Twitter Bootstrap CSS。

当我在Chrome开发者工具上查看相关html元素的计算样式时，我会看到以下值：

background-color: transparent;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
color: #333;
display: block;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 60px;
font-weight: bold;
height: 60px;
letter-spacing: -1px;
line-height: 60px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-rendering: optimizelegibility;
width: 1050px;

我看到Asana使用的是一种名为proxima-nova-condensed的字体，但是当我使用它时，即使使用文本渲染，也不会让我感到光滑：optimizelegibility。

你知道他们是如何实现的吗？我想学习如何在没有Twitter Bootstrap的情况下（或者如果必须的话使用Bootstrap）。

Answer 1

字体渲染各不相同。如果仔细观察渲染（例如，拍摄屏幕并放大像素），您会发现平滑的变化。您可以做的事情并不多（除了部分在Mac环境中），因此您可以测试您的文本在各种平台和浏览器中是否可以容忍。