Chrome 的字體平滑問題
人們對Google Chrome 中缺乏適當的字體平滑表示擔憂,特別是對於尺寸較小的Google網頁字體。儘管尋找解決方案,許多人直到最近都遇到了不成功的嘗試。
當前狀態(2014 年 6 月)
隨著 Chrome 37 的發布,該問題已解決。比較圖展示了 Chrome 37 與先前的穩定版本 Chrome 35 之間字體渲染的顯著改進。
過去的狀態(2013 年12 月)
字體載入方法:
- @import, link href=,或Google的webfont.js沒有提供解決方案。 Chrome 從 Google 的 API 請求 .woff 文件,這會導致渲染效果不佳。
解決方法:
- 自架字體:在特定順序可以解決問題。
- 使用TTF/OTF字體:幾乎支援所有瀏覽器。
其他因素:
- Google Chrome 開發團隊正在積極解決問題,並不斷更改渲染效果
複製品:
展示Chrome 29中問題的範例說明了與 Firefox 相比,渲染品質的顯著差異。
解決方案:
臨時解決方法包括應用CSS 屬性:
- -webkit-text-行程:
- -webkit-text-行程: 若要提高平滑度,請新增值0.Xpx。
加入假陰影以增強效果
注意:隨著Chrome 更新中問題的解決,這些解決方法可能會過時。
- 其他資訊:
- 訪問作者的部落格以獲取更多更新
請關注 Google Chrome 官方錯誤報告的回應。
雖然此問題之前沒有最佳解決方案,但 Chrome 37 的發布帶來了重大改進,確保了更好的字體在 Google 瀏覽器中渲染。以上是Chrome的字體平滑問題終於解決了嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

文章討論了CSS FlexBox,這是一種佈局方法,用於有效地對齊和分佈響應設計中的空間。它說明了FlexBox用法,將其與CSS網格進行了比較,並詳細瀏覽了瀏覽器支持。

本文討論了使用CSS創建響應網站的技術,包括視口元標籤,靈活的網格,流體媒體,媒體查詢和相對單元。它還涵蓋了使用CSS網格和Flexbox一起使用,並推薦CSS框架

本文討論了CSS盒裝屬性,該屬性控制了元素維度的計算方式。它解釋了諸如Content-Box,Border-Box和Padding-Box之類的值,以及它們對佈局設計和形式對齊的影響。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

Atom編輯器mac版下載
最受歡迎的的開源編輯器

記事本++7.3.1
好用且免費的程式碼編輯器

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

mPDF
mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具