我在跨瀏覽器兼容性方面遇到了一些麻煩。 FireFox和Chrome看起來幾乎相同,在FireFox上可能會更平滑一些,但在IE9上它看起來濃縮而且有點大膽?我已經使用字體的每個CSS值來嘗試爲每個瀏覽器設置默認值,但沒有任何效果。 IE9正在做什麼扭曲字體的任何想法?我喜歡它在IE9中的樣子,但我希望它能夠在瀏覽器之間匹配。跨瀏覽器字體問題
Q
跨瀏覽器字體問題
2
A
回答
1
它有據可查here是IE9忽略了操作系統的整體設置字體平滑(又稱抗鋸齒)。即使在Windows中禁用字體平滑和ClearType,IE仍然會顯示反鋸齒字體,這是一些用戶難以閱讀的字體,尤其是在小字號的情況下。
微軟表示,
的Internet Explorer 9的Windows需要和DirectWrite中的API的Direct2D的優勢,利用子像素的Microsoft ClearType字體定位渲染硬件加速的文本。最近對ClearType的增強有助於提高液晶顯示器(LCD)上文本的可讀性,方法是增加顯示文本細節的清晰度。 Internet Explorer 9中的子像素定位的實現對於Web開發人員有用,因爲文字位置和換行符將保持在不同用戶的配置
然而,有一些方法可以禁用此常數(提到here),但它是一種客戶端技術,您的代碼無法控制它。
1
字體渲染不僅依賴於瀏覽器,而且操作系統。 請參閱這些方式的差分以下兩篇文章,你可以用CSS做去克服它是什麼:
http://css-tricks.com/font-rendering-differences-firefox-vs-ie-vs-safari/
http://www.smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering/
相關問題
- 1. WordPress的字體跨瀏覽器問題
- 2. 跨瀏覽器的問題
- 3. CSS3跨瀏覽器問題
- 4. 跨瀏覽器問題
- 5. CSS跨瀏覽器問題
- 6. 跨瀏覽器CSS問題
- 7. 跨瀏覽器Ajax問題
- 8. Javascript跨瀏覽器問題
- 9. jQuery跨瀏覽器問題
- 10. web字體加載跨瀏覽器不同(MAC Firefox的問題)
- 11. 更改字體重量時出現跨瀏覽器CSS問題
- 12. 跨瀏覽器字體/顏色問題 - Chrome/Safari
- 13. @字體面跨瀏覽器兼容問題
- 14. CefSharp chromium瀏覽器字體問題
- 15. 跨瀏覽器字體嵌入
- 16. CSS字體跨瀏覽器兼容性
- 17. 跨瀏覽器的CSS問題(Safari瀏覽器與Chrome)
- 18. 跨瀏覽器/ Mozilla瀏覽器的問題
- 19. 跨瀏覽器的問題與window.opener.insertHTML
- 20. js,html5,css,跨瀏覽器問題
- 21. 跨瀏覽器問題 - Firefox和Chrome
- 22. 跨瀏覽器漸變問題
- 23. 跨瀏覽器CSS複選框問題
- 24. ajax即跨瀏覽器activexobject問題
- 25. 小跨瀏覽器兼容CSS問題
- 26. 跨瀏覽器顯示問題
- 27. CSS3 rotate3D跨瀏覽器問題
- 28. 輸入填充跨瀏覽器問題?
- 29. 跨瀏覽器支持問題
- 30. IE AJAX跨瀏覽器的問題
你能分享使用的字體設置嗎? –