依據 timdream (提姆‧提拉米蘇) 在 http://disp.cc/b/11-btQ 建議
使用 utf-8 存檔，網頁語系lang需指定: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-TW" >
.css 檔也是utf-8內容如下:
@Charset "UTF-8";
html,body{font-family: Arial, 'LiHei Pro', 新細明體, sans-serif;
}
h1,h2,h3{font-family: Arial, 'LiHei Pro', 微軟正黑體, 新細明體, sans-serif;
}
原本字型名稱有空白是需加上雙引號的，可惜在 IE6 不支援。
Arial,sans-serif 雖然比較醒目，適用於小字、標題。
但是對於增加閱讀舒適，serif vs sans serif 這篇文章說明 Times,serif 有助於文章閱讀。
http://blog.bs2.to/post/EdwardLee/3401
所以在長篇內文，字體不小的情況下，可改為:
@Charset "UTF-8";
.goodForReading{font-family: Times, 'LiHei Pro', 新細明體, serif;
}
另一個問題:
'LiHei Pro' 在許多文章介紹中英對照，都是...
儷黑 Pro：LiHei Pro Medium
還是正確是下列這樣? (參考http://zh.wikipedia.org/zh/Mac_OS_X%E5%AD%97%E4%BD%93%E5%88%97%E8%A1%A8)
儷黑Pro：LiHei Pro
另一篇提到，中英文名都應該加上，讓英文環境瀏覽器也能看懂...
http://blog.roodo.com/wolf_totem/archives/4747565.html
這樣變成
@Charset "UTF-8";
html,body{
font-family: Arial, 'LiHei Pro', 新細明體, PMingLiU, sans-serif;}h1,h2,h3{
font-family: Arial, 'LiHei Pro', 微軟正黑體, 'Microsoft JhengHei', 新細明體, PMingLiU, sans-serif;}
沒有留言:
張貼留言
歡迎留言指教