類別 | 學習心得

讓網站有好看的中文字型

這次改用Joomla架設部落格,網站架設好後,內建的佈景預設都是使用英文字型,所以在瀏覽網頁的時候,中文字都會變成「細明體」,視覺上就是差那麼一些 @@

自Windows Vista之後,「微軟正黑體」已內建於系統上,這字型比細明體好看很多,另外也有網友推薦好看的「Meiryo」字型,這是一個日文的字體,大部分的繁體中文字皆能正常顯示,所以在不用另外安裝字型或從網站上載入字型的情況下,建議可以 font-family 直接使用這 2 種字型,讓訪客們在閱讀文章時增加舒適感,自己看了也賞心悅目。

如果要將這2種字型放到內建的佈景中使用,可以將中文字型放入 templates/[布景名稱]/css/template.css 這個檔案,每一個佈景的CSS設定可能會有一些差異,以下提供內建佈景的修改作參考:

body {
font-family: Meiryo,'微軟正黑體','Microsoft JhengHei', Verdana, Arial, sans-serif;}h1, h2, h3, h4, h5, h6 {
font-family: Meiryo,'微軟正黑體','Microsoft JhengHei','Open Sans Condensed',sans-serif;}input, button, select, textarea {
font-family: Meiryo,'微軟正黑體','Microsoft JhengHei', Arial, Helvetica, sans-serif; }

上面font-family預設使用「Meiryo」字型,第2順位是「微軟正黑體」,接下來才是英文字型,在Mac電腦上中文字型也可以正常顯示哦。

原木在JoomlaXTC買了一個佈景,也就是大家現在看到的MOZAIX佈景,經爬文確認若要使用中文字型,是修改 templates/mozaix/css/typo.css 這個檔案,我們的部落格預設是使用「微軟正黑體」哦 ^_^ 


發表迴響

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

BloggerAds

Subscription

輸入你的電子郵件地址訂閱網站的新文章,使用電子郵件接收新通知。

訂閱 1,914 其他用戶

Stickers

部落格達人009認證徽章Creative Commons License