0
我有一個基本的圖標位圖字體。如何在IE和FF中防止位圖字體的抗鋸齒
它在Chrome中很清晰，但IE和FF中的字體平滑使圖標看起來模糊。
有關如何解決該問題的任何建議？
創建@使用最佳設置由http://www.fontsquirrel.com/fontface/generator生成字體面。也試過專家去除字體暗示相同的結果。
謝謝。
A
回答
-1
爲什麼要使用字體？您可以使用與CSS sprite strips相結合的圖像來獲得相同的效果。它可能會使它更多地跨瀏覽器和更小的請求大小。
如果您將某個類的CSS屬性設置爲圖標，您可以簡單地在該類中添加一個或者一個HTML文件，並使圖標以奇蹟般的形式出現。
編輯： 如果您需要各種各樣的顏色，一種方式做這將是在一個背景顏色使用透明面罩：http://jsfiddle.net/Z5RvT/1/
0
它在不同的瀏覽器文本渲染做和操作系統。我相信webkit瀏覽器（Safari和Chrome）的默認值是subpixel-antialiased。您可以嘗試使用font-smooth css屬性，儘管我不確定它支持多大。 Typekit在文本渲染上有一堆articles，您可能希望看一看，但如果您在多個瀏覽器中尋找非常一致的外觀，最佳選擇是圖像精靈。
相關問題
- 1. 文字抗鋸齒和字體平滑
- 2. 如何防止openGL中的閃爍（抗鋸齒僞像）？
- 3. 字體抗鋸齒在Xcode 4
- 4. Font.createFont +抗鋸齒
- 5. CALayer的抗鋸齒圖紙
- 6. 爲字體禁用抗鋸齒
- 7. Imagemagick抗鋸齒文字
- 8. Pyglet OpenGL繪圖抗鋸齒
- 9. 如何在JavaFX字體中強制使用抗鋸齒？
- 10. 如何在字體中使用抗鋸齒
- 11. 如何在Eclipse中禁用抗鋸齒？
- 12. IE濾鏡抗鋸齒問題
- 13. ILNumerics中的抗鋸齒
- 14. 抗鋸齒上CAShapeLayers
- 15. iOS - CAShapeLayer抗鋸齒？
- 16. 抗鋸齒與GL_TRIANGLE_FAN
- 17. 抗鋸齒算法
- 18. 在IE（DXImageTransform.Microsoft.Glow）中發光的文本和抗鋸齒
- 19. 如何訪問CSS的字體的抗鋸齒方法
- 20. Flex 3.5中textarea中的字體抗鋸齒存在差異
- 21. 如何關閉嵌入字體的抗鋸齒
- 22. 如何關閉文本抗鋸齒在IE（6/7/8）（VML）
- 23. 在WPF圖像上禁用抗鋸齒
- 24. 關於Skia的抗鋸齒
- 25. 抗鋸齒的JWindow（形狀）
- 26. ggplot導出的抗鋸齒
- 27. 防止在matplotlib中imshow的反鋸齒
- 28. 抗鋸齒雙色調位圖在.net中不縮水
- 29. 在emacs 23.2在Windows上的抗鋸齒字體
- 30. 修剪圖像的抗鋸齒
感謝您的建議，但使用了圖標字體，因此可以使用CSS輕鬆更改顏色以進行主題化。 – Enkay 2012-01-06 02:05:09
您可以對精靈圖像進行着色並將不同顏色加載爲精靈。如果您需要更富有表現力的顏色，您可以使圖標成爲帶有透明度的「蒙版」，並在其後面設置背景顏色的元素。 – Art 2012-01-06 03:09:40
你如何建議改變面具的顏色以匹配不同的背景顏色？ – Enkay 2012-01-06 05:39:57