Windows平滑字體，這兩個網站如何使用Twitter Bootstrap實現這一目標？

在使用Chrome的Windows 8上，大文本字體不平滑。不過，我設法看到一些網站有平滑的文字（相同的環境）。Windows平滑字體，這兩個網站如何使用Twitter Bootstrap實現這一目標？

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

的「你好，世界！」是平滑的，但是，儘管它們較小，但底部的「標題」文本並不平滑。
enter image description here

另一種是http://www.asana.com。在他們的主頁上，「Do Great Things」文本很流暢。
enter image description here

現在無論是頁面使用Twitter的引導CSS。然而

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;

我看到體位採用了一種名爲瑪-NOVA-凝聚的字體，當我用：

當我看着計算樣式的Chrome開發者工具相關的HTML元素我看到這些值它對我來說並不順利，即使使用文本渲染：optimizelegibility。

你有什麼想法他們如何實現它？我想了解如何在沒有Twitter Bootstrap的情況下做到這一點（如果必須的話，還需要使用Bootstrap）。

來源

2013-01-08 Seregwethrin

[看起來很順利]（http://jsfiddle.net/St6FP/）。我不確定他們對他們的字體做了什麼特別的事情？ – jmeas

所以font-size：48px;不光滑，但字體大小爲50px和60px是光滑的。什麼..？ – Seregwethrin

字體呈現不同。如果您仔細觀察渲染（例如，進行屏幕捕捉並放大像素），則會看到平滑度存在差異。你可以做的事情不多（除了部分在Mac環境中），所以你可以測試你的文本在各種平臺和瀏覽器中的容忍度。

來源

2013-01-08 17:15:11

Windows平滑字體，這兩個網站如何使用Twitter Bootstrap實現這一目標？

回答

相關問題