項目中引入特殊字體【小程序、h5】包括canvas畫圖

請看清楚我虛線下面全部的話。
橫線上的廢話隨便你看不看。
說實話這個字體已經把我折騰的死去活來了一段時間，並且咱們項目還常常要畫分享圖去刷朋友圈，默認字體沒辦法達到設計的那種效果，查了很多資料，也本身摸索了半天，最後終於找到了救星。
廢話很少說，其實並不難。
並且找到的這個有幫助的網站不少免費能夠用的字體，若是沒有特殊需求能夠不須要花錢。

---

---

---

小程序和h5的頁面展現特殊字體

有一個網站，叫有字庫。

裏面隨便找到一個你滿意的文字，或者能夠上傳你要的文字，不過有些字體會有版權問題不能用，你本身上傳特殊的上面沒有的字體也行。
emmmmmm……提醒一下，若是你要本身上傳字體的話，最好開個會員，而後加他們的官方號問一下，否則審覈時間…………有點久。
而後用css引入會比較方便，按步驟咱們來走一遍。

我隨便找了一個

這個字體不錯
就這個了
點了當即使用而後進入下一個頁面

點左邊的這個css模式，會讓你輸入全部你須要的文字，不要有重複的哦～～～

生成！

很差意思打個碼，按照上面的方法走就是了。
這就是直接再頁面上顯示文字的辦法

這個在h5和小程序上面均可以使用的，很是方便。

接下來就是畫圖了。

h5的canvas畫圖引入特殊字體

當時也看了很多文章，直接把4m的字體放入項目也作過，放在服務器上而後css引入也試了，手機上看都沒啥用。
真是哭幹了個人黃河淚。
後來仍是有字庫當了個人救星。
裏面免費的那些字體我感受夠我用了【夠我用有個屁用我又不是設計】

接下來咱們看方法
先丟出文檔

裏面的意思就是，你先引入它的js，而後使用getFontFace的方法，注意！！！！

注意！！！！

畫圖必定要在

成功返回以後調用，而後字體使用result.FontFamily這個返回的字體名就能夠了。

應該不須要代碼示範了吧。

小程序canvas畫圖引入特殊字體

啊這個，其實最開始的時候挺噁心的，由於他引入特殊字體還偶爾會報錯，【怪小程序去】
如今好像問題不大，首先
首先！！！！把字體存到你的服務器上，隨便丟那裏都好，給個網絡地址就行。
注意一下，iOS 僅支持 https 格式文件地址，因此地址要https。

引入就是用小程序的引入字體方法啦。

一樣仍是跟以前同樣，canvas的畫圖須要在success的方法裏面進行，否則不能保證字體加載完成你就開始畫圖了。