[問題] canvas使用Google font遇到的問題(解決
各位好，
最近在做一個個人的demo網頁
其中一個效果是canvas上對文字圖案做動畫
但是目前卡關在設定font的問題上
測試頁在這: http://oz.nthu.edu.tw/~u9720117/test.html
我想要載入一個google font (這裡是Orbitron)
得到的HTTP response是OK，Resources裡面看也有出現css跟字型檔
但是script進行
context.font="80px Orbitron"
...
context.fillText之後
canvas卻顯示預設字體
詭異的是我把這段code貼去W3C的try it
執行結果卻是正常?
有大大可以幫解嗎......
感謝
---------------------------------
發現原因了
google font 可選擇下載同一字體不同字重, Normal:400 Bold:700
我下載了這兩個，但是這個Orbitron的CSS內容字重700型態卻是Normal...
也就是必須把400 700看成兩種字體
結果我指定字型時使用Bold造成瀏覽器抓不到...
--
→
09/05 15:46,
09/05 15:46
→
09/05 15:47,
09/05 15:47
→
09/05 15:47,
09/05 15:47
推 justjihyun:那就是菜頭湯了吧.. 09/05 15:48
→
09/05 15:49,
09/05 15:49
→
09/05 15:50,
09/05 15:50
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.230.160.146
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1441540349.A.D80.html
※ 編輯: donvito (36.230.160.146), 09/06/2015 20:16:19
※ 編輯: donvito (36.230.160.146), 09/06/2015 21:35:40
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章
