列印此頁
讓網站有好看的中文字型

讓網站有好看的中文字型

作者  週日, 04 六月 2017 19:18

次改用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 這個檔案,我們的部落格預設是使用「微軟正黑體」哦 ^_^

文章收藏
给本項目評分
(0 得票數)
閱讀 841 次數 最後修改於 週三, 21 六月 2017 21:07
發佈於 線上筆記