怎樣提高網頁圖片中的字體渲染質量?

  • 使用系統字體渲染。這好像只在 Fireworks CS4 前的版本提供,用這個選項可以使用 gdi++ 的渲染效果。
  • Fireworks 有自定義抗鋸齒選項。效果一般。
  • 根據不同字型在 Photoshop 中選擇不同的字體渲染方式。效果一般,因為可能會根據字體大小或字形調整各種渲染方式,但很難達到理想的程度。
  • 特別重視字體效果的話,會在字體周邊以像素為單位進行修飾直到滿意效果,但是相當麻煩。

請問還有其他什麼好的辦法嗎?


  1. 挑選使用一款 hinting 比較好的字體
  2. 考慮使用 Illustrator
  3. 有時候將大尺寸的字元 rasterise 後縮小,可以得到不錯的效果
  4. 如果喜歡系統字體渲染的效果,可以把文字部分用HTML標註好,使用瀏覽器打開,然後截圖放入 Photoshop

可以試試這個,細節上略好(見仁見智),總體差別不大。http://thomasmaier.me/blog/2010/03/17/yes-add-subpixel-hinting-to-your-photoshop-text-layers/

如果真的很追求質量,在PS把字體轉成形狀後把邊緣跟像素格對齊或調整咯…


在 Mac OS X 下可以用 textorize [1] 來生成帶 subpixel antialiasing 的渲染結果,一般效果比較好。

[1] http://textorize.org/


用FW做的相對比較好·


推薦閱讀:

知乎 Logo 的字體是什麼?是否經過變換處理?
阿芙精油為什麼要買斷康熙字典體?
如何評價華康少女體?
塗鴉的泡泡字體叫什麼名字?
識別性最佳的數字字體是什麼?

TAG:字體 | 字體設計 | 字體渲染 | 渲染 |