Wierd在任何瀏覽器中的字體外觀

祝你有美好的一天，我附上了2個截圖（來自photoshop和google chrome） - 字體字符發生了什麼變化？字體大小與psd相同，我也做了css reset（Meyer Reset，在那之前看起來更奇怪） - 可能是什麼錯誤？你能幫我使它看起來像在Photoshop一樣嗎？Wierd在任何瀏覽器中的字體外觀

在此先感謝。

https://www.dropbox.com/s/zdg3k6a3rd49ygv/Desktop%2028-08-2013%2019-03-08-628.png https://www.dropbox.com/s/kszj0n1ql1jkfv7/Desktop%2028-08-2013%2019-03-15-829.png

這裏是代碼：

article { 
font-family: 'CaviarDreams', Arial, sans-serif; 
font-size: 17px; 
color: #ffffff; 
font-style: normal; 
}

和邁耶復位：CSS-技巧點com /段/ CSS /梅爾復位/

來源

2013-08-28 Ralph Sandoval

在Web瀏覽器中的字體會從來不看一樣鋒利Photoshop中的字體。它們呈現不同。關於外觀（間距等），您至少需要發佈您嘗試使用的代碼，否則我們將無法提供幫助。 –

您在Photoshop中爲您的文字提供的所有瘋狂花哨效果都無法使用css進行復制，您可以通過添加微妙的文字陰影來使其有點類似，但仍然無法在IE中正常使用。 –

我沒有使用任何效果，只是一個常規字體和#ffffff顏色。 –

什麼尺寸的在PSD中檢查字體時使用的字體，以及在瀏覽器中使用字體時使用的字體大小。

Photoshop中的字體可能已經繪製了抗鋸齒和其他平滑效果。沒有任何方法可以在所有瀏覽器中作爲Web開發人員來控制此功能。

Chrome提供了一個CS3標籤，你可以嘗試

-webkit-font-smoothing: antialiased;

來源

2013-08-28 15:32:56

我剛纔發現這個問題只發生在Opera和Chrome中，IE呈現良好，但webkit-font-smoothing行沒有幫助 - 已經試過了。 –

我知道如果字體字體看起來不像Photoshop中那麼光滑，但是當文字顯然看起來很奇怪並且有點破裂 - 這是不正常的。這裏可能有什麼錯誤？ –

您是否使用過字體松鼠工具來生成字體CSS定義，可以在http://www.fontsquirrel.com/tools/webfont-generator –

Wierd在任何瀏覽器中的字體外觀

回答

相關問題