作者hanconquer (I love By2)
看板Web_Design
標題Re: [問題] web font 完全載入?
時間Tue Feb 3 03:23:34 2015
感謝回覆。
不過我用的是justfont,他是用特殊的javascript匯入字體,不像Google font用link的。
我覺得這有可能是造成該問題的原因,但我也不確定。
可惜的是Google font沒中文字體能用。
http://imgur.com/ApArVRJ.png
基本上在header裡嵌入這一段js就會全網頁自動套用字體了,
不過為了保險起見,我還是有用CSS指定該字體。
※ 引述《iamnodoubt ( )》之銘言:
: ※ 引述《hanconquer (I love By2)》之銘言:
: : 請教大家一個問題。
: : 我的html網頁內有一串文字,網頁loading完後,web font已經載入完成,這部分沒問題。
: : 但我有用javascript的text()於網頁loading完後,根據觸發條件,去改變那串文字。
: : 我發現,改變後的那串文字會無法正常套用字體。
: : 詳細說明如下:
: : 假設網頁預設有一段文字是「這是測試」,這段文字已套用某web font,並且顯示正常。
: : 之後因為使用者觸發了某個功能,這段文字被javascript的text()改為「測試成功」,
: : 結果,「測試」這兩個字因為預設已經載入過了,信黑體顯示正常,
: : 但「成功」這兩個字就會跳脫信黑體,變成瀏覽器預設字體。
: : 請問,這是網頁設計問題嗎?有沒有辦法解決呢?
: : 謝謝!
: 我剛剛隨便匯進google font
: 字型不會變阿..
: 你應該是css樣式跑掉了..
: 按F12看一下就知道了..
: 不然頂多你事件觸發,改變text()時,可以順便設定css
: http://jsbin.com/jahicowigo/1/edit?html,css,js,output
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.127.195.161
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1422905017.A.D92.html
※ 編輯: hanconquer (59.127.195.161), 02/03/2015 03:24:41
推 Eureka7: 重新執行一次 javascript 的 function 呢? 02/03 07:51
→ Eureka7: _jf.flush(); 02/03 09:39
→ hanconquer: 感謝!問題已解決! 02/03 11:56