National Yang-Ming University + 886 2 2826 7391

在 Joomla 中設定 Justfont 網路字型

Last Updated: 07 January 2014

測試環境


  1. Joomla! 3 + Template Monster theme 1477 + JCE 2.3.4.4
  2. Justfont webfont 

設定步驟


  1. 首先你必須去 Justfont 設定專案:選擇字型,設定 CSS classes,產生 Javascript,將產生的程式碼貼回到 Joomla 的適當位置 (請參閱設定中文網路字型)設定 Justfont 專案設定所有你會用到的字型產生 Javascript產生 Javascript
  2. 由於 JCE Editor 會從目前使用的 template 的 css 檔,讀取可選擇的的 CSS styles,所以我們必須人工修改 template 的 css 檔。也許有比較好的方式,不過我採用簡單且暴力的「直接修改法」。第一步先找到該修改的檔。第二步加入我們等會兒要用的 CSS classes。先找到該修改的 CSS先找到該修改的 CSS
    加入我們要用的 CSS classes加入我們要用的 CSS classes
  3. 真正輸入中文的時候,建議先輸入文字,你可以正常選取 H2, H3 等等內定的 Format。最後再從 JCE Editor 的 Style 選擇 menu 那裡設定 CSS class:kbltextw8 是信黑體 W8,kbltextw6 是信黑體 W6。先設定你要的 CSS 標籤先設定你要的 CSS 標籤從右上方 style menu 選取事先設定好的 css class從右上方 style menu 選取事先設定好的 css class最後的 HTML 程式碼應該像這樣最後的 HTML 程式碼應該像這樣