作者donvito (CryFather)
看板Web_Design
标题[问题] canvas使用Google font遇到的问题
时间Sun Sep 6 19:52:21 2015
各位好，
最近在做一个个人的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造成浏览器抓不到...
--
1F：→ kimgordon:我味增汤 都不放味曾与豆腐 改放菜头排骨酥用肉燥提味09/05 15:46
2F：→ kimgordon:又清又香 但就略油 寿司改成糯米加香菇肉丝去蒸09/05 15:47
3F：→ kimgordon:这两个配起来非常棒 最好是加点香菜09/05 15:47
推 justjihyun:那就是菜头汤了吧.. 09/05 15:48
4F：→ kimgordon:不是菜头汤 这味增汤 喝起来跟排骨酥汤90%口感很像09/05 15:49
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.230.160.146
※ 文章网址: https://webptt.com/cn.aspx?n=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