關於部落格
  • 18

    累積人氣

  • 0

    今日人氣

    0

    訂閱人氣

使用說明

525全民配屋網, 525全民配屋網專家, 525全民配屋網好嗎, 525全民配屋網是真的嗎, 525全民配屋網評價, 525全民配屋網>測試</div>,則輸入

也可直接指定標籤,例如html中為<h2>測試</h2>,則輸入

設定成 效力較 來的大,較不易被既有的字型設定覆蓋。


Step2
到右上方點選《JS》按鈕(3) 並複製Javascript程式碼(4)。
justfont複製程式碼
Step3
將取得的程式,加入在您網頁的最前面可加速運作,例如加入於 body 標籤之前(5)。
justfont加入在您網頁的最前面
Step4
將您要使用的字型標籤,加入於網頁文字的html中 (6)
justfont字型標籤設定
Step5
設定完成即可顯示成功!
justfont設定完成
推薦優先使用《CSS 方式設定》 ,處理速度會較 font-family 設定方式快速!
Step1
請先建立專案,到《專案管理》中您要使用的字型(1),並輸入您要設定的font-family名稱,或使用預設名稱(2)。
justfont font-family設定
Step2
到右上方點選《JS》按鈕(3) 並複製Javascript程式碼(4)。
justfont複製程式碼
Step3
將取得的程式,加入在您網頁的最前面可加速運作,例如加入於 body 標籤之前(5)。

Step4
將您要使用的網頁文字的css中,加入 font-family 的設定(6)。

Step5
設定完成即可顯示成功!
注意!
如您使用的是《以font-family設定》,可在css中直接設定優先生效之英文字型,例如:

font-family: "Times New Roman", "wthc06";

Step1
如使用《以css設定》,請先到《專案管理》中選擇您要使用的字型(1),並輸入您要英文優先字型名稱(2)。
justfont複製程式碼
Step2
到右上方點選《JS》按鈕(3) 並複製Javascript程式碼(4)。
justfont複製程式碼
Step3
將取得的程式,加入在您網頁的最前面可加速運作,例如加入於 body 標籤之前(5)。
justfont加入在您網頁的最前面
Step4
將您要使用的字型標籤,加入於網頁文字的html中 (6)
justfont字型標籤設定
Step5
設定完成即可顯示成功!
Step1
先瞭解 justfont 運作時,會提供三種不同的css狀態,分別為:

.jf-loading : 運作中

.jf-active : 執行完成

.jf-inactive : 執行失敗


Step2
利用justfont所提供的三種狀態,就可以設定在未處理完成前不做顯示,等���理完畢後再顯示的功能。
下面範例為設定 body 整個內容於處理完成前不顯示:
.jf-loading body { /*載入中不顯示*/
      opacity: 0;
      visibility: hidden;
}
.jf-active body { /*如果處理成功,直接顯示*/
      opacity: 1;
      visibility: visible;
}
.jf-inactive body {/*如果處理失敗,直接顯示*/
      opacity: 1;
      visibility: visible;
}
CSS 狀態
justfont提供三種css狀態,分別為

.jf-loading : 運作中

.jf-active : 執行完成

.jf-inactive : 執行失敗


_jf.flush() 刷新
提供 _jf.flush() 函數,支援網頁的動態載入。(justfont Script v4.7 以上支援)

<script type="text/javascript">

$('.text').click(function(){

      $('.text').text('變動的文字');

      _jf.flush(); //內容變動後,呼叫此函數刷新字型

});

</script>


justfont 觸發事件 API
justfont 提供三個事件觸發函數,讓您可依照狀況來進行處理,請在 justfont 提供的 javaScript 前,加入以下程式碼

<script type="text/javascript">

var _jf = _jf || [];

_jf.push(['_eventPreload',function(){

   //載入前觸發事件

}]);

_jf.push(['_eventActived',function(){

   //成功觸發事件

}]);

_jf.push(['_eventInactived',function(){

   //失敗觸發事件

}])

</script>

Step1
先到您Wordpress中確認您要套用的 css 標籤。
justfont css標籤
如上圖要套用的部分,您可設定成

網頁中標籤為 <h2   class="entry-title"><a href=.....

可在《專案管理》後台中的字型 css中,設定成以下三種方式皆可:

(css優先權較低,如原始theme中有字型設定可能會被覆蓋)

(css 設定優先權較高)

(最推薦,css 設定優先權最高)


Step2
請先建立專案,到專案管理中您要使用的字型(3),並輸入您要設定的css標籤,在這裡設定成 h2.entry-title a (4)。
justfont複製程式碼
Step3
取得 javascript 程式後,到 Wordpress 後台中,進入《外觀》(5)中的《主題編輯器》(6)。
justfont加入在您網頁的最前面
Step4
選取頁首 header.php (7),將 Javascript 放在 body 標籤之前(8)。
justfont字型標籤設定
Step5
設定完成即可顯示成功!
justfont設定完成
以上說明是針對虛擬主機或自行架設 Wordpress 的操作說明。 wordpress.com 因不支援 Javascript 嵌入,無法使用 justfont 機制。
Step1
先到您 Weebly 頁面中確認您要套用的 css 標籤,例如您要套用到 Logo處 (1)。
檢視weebly的標籤
如上圖您要套用的CSS標籤 #logo , #logo a已有預設字型 (2) ,您需要設定成

(此設定優先權較 Weebly 預設字型高,可覆蓋原本設定)


Step2
請先建立專案,到專案管理中您要使用的字型(3),並輸入您要設定的css標籤,在這裡設定成 body #logo a (4)。
justfont複製程式碼
Step3
取得 javascript 程式後,到 Weebly 後台中,進入《建構》左方的《嵌入代碼》(5),並拖曳到頁面的前方處。
justfont加入在您網頁的最前面
Step4
將您的 javascript 貼到此區塊中(6),並做網站發佈。
justfont字型標籤設定
Step5
設定完成即可顯示成功,Logo 正確顯示為信黑體W8(7)!
justfont設定完成

以下文章來自: http://n.yam.com/cheats525全民配屋網, 525全民配屋網專家, 525全民配屋網好嗎, 525全民配屋網是真的嗎, 525全民配屋網評價, 525全民配屋網
相簿設定
標籤設定
相簿狀態