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