如何訪問CSS的字體的抗鋸齒方法

我在很多不同的網站上都遇到了這個問題。您的字體具有不同的抗鋸齒選項，設計人員在網頁上的文字不同部分使用具有不同抗鋸齒選項的相同字體。所以有些元素是有區別的。如何訪問CSS的字體的抗鋸齒方法

在這種情況下，我有尖銳，清脆，強壯和光滑。我使用了字體生成器來讓代碼通過@ font-face訪問它。即便如此，如果知道重要的話，我也有原始的.otf文件。有沒有一種方法可以訪問它？

我上傳我的意思的圖片和我的實際代碼：

enter image description here

@font-face { 
    font-family: 'light'; 
    src: url('../_fnt/light/gothamrnd-light.eot'); 
    src: url('../_fnt/light/gothamrnd-light.eot?#iefix') format('embedded-opentype'), 
      url('../_fnt/light/gothamrnd-light.woff') format('woff'), 
      url('../_fnt/light/gothamrnd-light.ttf') format('truetype'), 
      url('../_fnt/light/gothamrnd-light.svg#../_fnt/light/gothamrnd-light') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

來源

2012-09-29 Daniel Ramirez-Escudero

沒有，有沒有辦法來控制這樣的文本的渲染。這些都是Photoshop的具體設置，因爲它有自己的渲染引擎，甚至沒有其他程序可用。

實際上，不同的瀏覽器會以不同的方式渲染文本，甚至不同計算機上的相同瀏覽器也會根據系統設置的不同來渲染文本。

如果您使頁面看起來與一個瀏覽器中的設計完全一樣，它在另一個瀏覽器中看起來會有所不同。您通常應該在不同的瀏覽器中測試它，並儘量讓它看起來儘可能接近設計，並確保它們中的任何一個都不會離設計太遠。

來源

2012-09-29 21:57:01 Guffa

謝謝...無法完成的恥辱。 –

只有Mac OS X上的WebKit瀏覽器識別出與字體平滑相關的CSS屬性，即-webkit-font-smoothing。即使有，目前還不清楚發生了什麼事，因爲他們似乎在去除antialiazed值，見webkit-font-smoothing: suddenly different results in chrome and safari

所以出於實用的目的，對於字體平滑爲伸出你的雙手作爲一個作家，並根據不同的平滑選項測試字體檢查結果是否至少可以容忍。

來源

2012-09-29 23:16:22

好的，它很清楚。我無法達到設計達到100％準確度的願望。現在我用字體重量：更輕。它確實產生了一些效果，但它非常簡單......無論如何，感謝您的幫助！ –

如何訪問CSS的字體的抗鋸齒方法

回答

相關問題