【Joomla】《T3 Framework》變更網站字型

前提

很意外的,最近好多人都在看我的Joomla筆記,但是我好久沒碰joomla了說~
今天Vicky詢問我要怎麼套用Google字型,順便記錄一下好了

選擇字型

https://fonts.google.com/earlyaccess
搜尋「Noto Sans TC (Chinese Traditional)」,就拿「思源黑體」當範例。

方法一  放 custom.css

T3 有設計一支 custom.css 放在 專案名稱/templates/ja_magz_ii
如果沒看到的話,就自己新增 custom.css 並加入以下程式碼。

@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body, h1,h2,h3,h4,h5,h6,p {
font-family: ‘Noto Sans TC’, sans-serif;
}

方法二  後台樣板設定

後台的Template設定 > Custom Code 的 After <head>  貼上以下程式碼

<link href=’http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=latin,latin-ext’ rel=’stylesheet’ type=’text/css’>
<style>
body, h1,h2,h3,h4,h5,h6,p {
font-family: ‘Noto Sans TC’, sans-serif;
}
</style>

 

方法三  放在 local/less 檔

路徑:專案名稱/templates/ja_magz_ii/local/less/xxx
把以下程式碼置入 less檔 裡面

@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body, h1,h2,h3,h4,h5,h6,p {
font-family: ‘Noto Sans TC’, sans-serif;
}

5 Replies to “【Joomla】《T3 Framework》變更網站字型”

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *