Re: CSS transform 中文字變形問題 — 拿掉點陣字形（Bitmap Strike）的 CSS3 Fonts 屬性

2011/7/11 Kang-Hao (Kenny) Lu <kennyluck@w3.org>:

> 辛苦做了�@個出來 →
> http://lists.w3.org/Archives/Public/www-archive/2011Jul/att-0007/font-size-transition
太感謝了！ m(_._)m

> 解釋�@下，這個頁面的樣式跟測試用字都可以改，用「憂鬱」的原因是因為筆畫比
> 較多（遽聞所謂內嵌點陣字體就是為了讓這些字在小字型下比較好看）。 來報告
> �@下 Mac FF 的情形：
> 預設狀況是從 12px（9pt） 到 16px（12pt） 的漸變，用 transform: scale(5)
> 放大 5 倍以便觀察。
先簡單回�@下，我得找個非破壞壓縮的螢幕錄影程式。

> 發現到從 12px 到 16px 放大的過程中，文字震動了四次，這似乎代表比 13.8px
> 是用 13 px 的字形放大出來的，也證明 Mac FF 的確是有用到點陣字形（有錯請
似乎在Linux下，FF是直接取 12px * 5 = 60 px的字來描繪的。(待證實)
我晚點抓圖再放上來。

會覺得有震動的現象，也許只是因為pixel grid quantization的關係，明體與黑體尤甚。
你拿楷書體也許就比較不明顯？(其橫筆多半是斜的)

> 我想�@個把「點陣字型調掉」的 CSS 屬性可能可以用在把震動調掉（理論上
> 啦）。不過如果本來 12px 到 16 px 的漸變沒有用 scale(5) 放大根本看不出啥
> 震動，所以這個屬性的存在價值在這個使用例就很低。
因為點陣字無法無段縮放，所以你會見到的應該是只有跨越整數px大小會變動。
而由於加了scale，其實根本沒有機會看到點陣字？


-- 
Best regards,
Yuan Chao

Received on Monday, 11 July 2011 22:35:27 UTC