網頁

2014年12月4日 星期四

[筆記] IE渲染字體

環境:Windows 7 x64、IE 11.0.14

不使用mactype等渲染字體工具,單純只用內建的ClearType加上自訂的CSS也可以閱讀的順眼。



渲染前


渲染後



在那之前先準備好看的字體,在IE上放大縮小不會破碎的字體為佳。

很可惜個人愛用的字體 "H-明蘭(H-MingLan)" 縮小後就不合格了,原建議為微軟正黑體或雅黑體。
不過還多了一個選擇就是Google的Noto 思源黑體,有興趣的人可以到該網站參考。

Noto Fonts 思源黑體

如果看不懂英文,那我直附上原址載點:Noto Sans Mono CJK TC Regular
安裝好字體後接下來就是要套用CSS:IECustom.css
CSS這部分稍微說明一下:


*{font-weight:100 !important;}

字體粗細,基本上就不變,紅字部分可替換的有normalboldbolderlighter100~900等數字,數字越大則越粗。


*{font-family:"Noto Sans Mono CJK TC Regular" !important;}

字體字型,最明顯影響美觀就是這裡,我預設為Noto Sans Mono CJK TC Regular,看你要改成微軟正黑體標楷體...等哪種字型都沒問題,只要不破碎不影響美觀就好。


*{text-shadow: silver 0px 0px 2px !important;}
or(擇其一)
*{text-shadow: rgba(192,192,192,0.80px 0px 2px  !important;}

文字陰影,建議這邊保持預設就好,依序排列為"陰影顏色X 軸方向的陰影Y 軸方向的陰影模糊範圍",陰影顏色還有進階一點的RGBA,依序排列為"紅(R)綠(G)藍(B)透明度"的設定。

CSS存到哪都可以只要能讀的到就好,接來就是要設定IE去讀取檔案位置。

開啟網際網路選項

開啟協助工具

在使用者樣式表中設定路徑

當以上動作完成套用好時就能看見渲染的字體了。


沒有留言:

張貼留言