資訊專欄INFORMATION COLUMN
摘要：小程序和的頁面展示特殊字體有一個網(wǎng)站，叫有字庫。這就是直接再頁面上顯示文字的辦法這個在和小程序上面都可以使用的，非常方便。接下來就是畫圖了。引入就是用小程序的引入字體方法啦。
請看清楚我虛線下面所有的話。
橫線上的廢話隨便你看不看。
說實話這個字體已經(jīng)把我折騰的死去活來了一段時間，而且我們項目還經(jīng)常要畫分享圖去刷朋友圈，默認(rèn)字體沒辦法達(dá)到設(shè)計的那種效果，查了不少資料，也自己摸索了半天，最后終于找到了救星。
廢話不多說，其實并不難。
而且找到的這個有幫助的網(wǎng)站很多免費可以用的字體，如果沒有特殊需求可以不需要花錢。
有一個網(wǎng)站，叫有字庫。
里面隨便找到一個你滿意的文字，或者可以上傳你要的文字，不過有些字體會有版權(quán)問題不能用，你自己上傳特殊的上面沒有的字體也行。
emmmmmm……提醒一下，如果你要自己上傳字體的話，最好開個會員，然后加他們的官方號問一下，不然審核時間…………有點久。
然后用css引入會比較方便，按步驟我們來走一遍。
我隨便找了一個
這個字體不錯
就這個了
點了立即使用然后進(jìn)入下一個頁面
點左邊的這個css模式，會讓你輸入所有你需要的文字，不要有重復(fù)的哦～～～
生成！
不好意思打個碼，按照上面的方法走就是了。
這就是直接再頁面上顯示文字的辦法
這個在h5和小程序上面都可以使用的，非常方便。
接下來就是畫圖了。
h5的canvas畫圖引入特殊字體當(dāng)時也看了不少文章，直接把4m的字體放入項目也做過，放在服務(wù)器上然后css引入也試了，手機上看都沒啥用。
真是哭干了我的黃河淚。
后來還是有字庫當(dāng)了我的救星。
里面免費的那些字體我感覺夠我用了【夠我用有個屁用我又不是設(shè)計】
接下來我們看方法
先丟出文檔
里面的意思就是，你先引入它的js，然后使用getFontFace的方法，注意?。。?！
注意?。。。?/b> 畫圖一定要在成功返回之后調(diào)用，然后字體使用result.FontFamily這個返回的字體名就可以了。
應(yīng)該不需要代碼示范了吧。
小程序canvas畫圖引入特殊字體啊這個，其實最開始的時候挺惡心的，因為他引入特殊字體還偶爾會報錯，【怪小程序去】
現(xiàn)在好像問題不大，首先
首先?。。?！把字體存到你的服務(wù)器上，隨便丟那里都好，給個網(wǎng)絡(luò)地址就行。
注意一下，iOS 僅支持 https 格式文件地址，所以地址要https。
引入就是用小程序的引入字體方法啦。
同樣還是跟之前一樣，canvas的畫圖需要在success的方法里面進(jìn)行，不然不能保證字體加載完成你就開始畫圖了。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/117391.html
摘要：小程序和的頁面展示特殊字體有一個網(wǎng)站，叫有字庫。這就是直接再頁面上顯示文字的辦法這個在和小程序上面都可以使用的，非常方便。接下來就是畫圖了。引入就是用小程序的引入字體方法啦。 請看清楚我虛線下面所有的話。橫線上的廢話隨便你看不看。說實話這個字體已經(jīng)把我折騰的死去活來了一段時間，而且我們項目還經(jīng)常要畫分享圖去刷朋友圈，默認(rèn)字體沒辦法達(dá)到設(shè)計的那種效果，查了不少資料，也自己摸索了半天，最后...
摘要：除官方外的參考文章微信小程序?qū)嵗齽?chuàng)建下發(fā)模板消息實例手把手教你開發(fā)微信小程序之模版消息開發(fā)教你突破小程序模板消息的推送限制獲取用戶信息接口的廢棄問題接口是獲取用戶信息昵稱，頭像等的接口，在官方文檔上寫是即將廢棄。 ----------------更新-------------- 2018年10月10日官網(wǎng)3個接口廢棄的通知： 1、分享監(jiān)聽接口分享消息給好友時，開發(fā)者將無法從callba...
摘要：將預(yù)覽的圖片上傳，后端生成，在管理系統(tǒng)中下載。技術(shù)要點文字排版設(shè)置指定背景顏色引入外部字體繪制文字圖片將生成的圖片轉(zhuǎn)成上傳這里根據(jù)后端協(xié)商，此處后端要求將圖片生成，并點擊批量下載實現(xiàn)步驟文字排版在一般容器中，如果要實現(xiàn)文字的排版很容易。 最近遇到一個業(yè)務(wù)需求，在小程序端定制預(yù)覽功能，并在預(yù)覽的圖片中使用指定的外部字體。將預(yù)覽的圖片上傳OSS，后端生成PDF，在管理系統(tǒng)中下載。但是………...
摘要：海報生成示例最近智酷君在做小程序生成海報的項目中遇到一些棘手的問題，在網(wǎng)上查閱了各種資料，也踩扁了各種坑，智酷君希望把這些填坑經(jīng)驗整理一下分享出來，避免后來的兄弟重復(fù)掉坑。 showImg(https://segmentfault.com/img/bVbs5V8?w=343&h=517);海報生成示例 最近智酷君在做[小程序]canvas生成海報的項目中遇到一些棘手的問題，在網(wǎng)上查閱了...
閱讀 3251·2019-08-30 15:55
閱讀 2973·2019-08-30 13:46
閱讀 1472·2019-08-29 17:29
閱讀 3543·2019-08-29 11:08
閱讀 3469·2019-08-29 11:04
閱讀 1111·2019-08-28 18:20
閱讀 565·2019-08-26 13:37
閱讀 1358·2019-08-26 11:49
