微信小程式字型大小怎麼改

IT科技
關注：2.78W次

微信是一款十分實用的社交軟體，現在許多人生活、工作都離不開微信，微信字型怎麼改呢，一起來看看吧。

1.首先開啟軟體，點選右下方的“我”這一按鈕。

2.點選開啟【設定】選項，點選“通用”。

3.點選進入【字型大小】。

4.在螢幕下方調整字型大小，完成即可。

注意事項：如出現與視訊不同可能是版本原因，請及時更新微信確保自己的使用者體驗。

擴充套件閱讀，以下內容您可能還感興趣。

小程式手持彈幕的字型設定為畫素如何實現

開啟微信，點選右下角的“發現“，找到小程式，

微信小程式“手持彈幕”

點選右上角放大鏡搜尋，輸入“手持彈幕”搜尋，

微信小程式“手持彈幕”

點選第一個“手持彈幕”，在輸入欄輸入你想要的字幕，例如：我愛黃家駒

微信小程式“手持彈幕”

輸入字型後，點選彩色ABC改變字型顏色的設定，點選第一個字，就是改當前字型的顏色，在上面有顏色選擇，

微信小程式“手持彈幕”

點選第二個字母就是更改第二個字型的顏色，“愛”字自動變成心形了，如下圖，設定好，輕點一下螢幕就OK了。

微信小程式“手持彈幕”

其它字型也可以顏色，輕點螢幕就可以更改了，右邊的設定可以設定字型大小哦。

微信小程式“手持彈幕”

微信小程式一段字串中有關鍵字怎麼讓他變顏色

<view>

<text >{{value1}}</text> <text style="color:#0076ff">{{keyword}}</text><text>{{value2}}</text>

</view>

你可以選擇將一段文字切成三塊，關鍵詞在中間一塊，使用indexOf()將String的索引出來，然後就是substr進行擷取，就可以啦。

ChangeColor:function(){

var that = this;

var length = "World".length;

var index = that.data.name.indexOf('World');

//設定第一個值

that.setData({

value1:that.data.name.substr(0, index)

});

//設定關鍵詞

that.setData({

keyword:'world'

})

//設定第二個值

that.setData({

value2:that.data.name.substr(index+5)

})

console.log(length);

console.log(index);

}

這個有一點不好就是整個string中只能顯示一處關鍵詞。

微信小程式如何引入外部字型庫iconfont的

如何引入外部字型庫iconfont的圖示，具體如下

直接使用阿里巴巴的網路路徑

選擇iconfont圖示

官網：阿里巴巴向量字型庫

步驟：阿里巴巴字型庫使用方法

全域性引入app.wxss

12345678910111213141516171819202122232425262728293031323334@font-face { font-family: 'iconfont'; /* project id 518032 */ src: url('//at.alicdn.com/t/font_518032_t2q88z3jok8iwwmi.eot'); src: url('//at.alicdn.com/t/font_518032_t2q88z3jok8iwwmi.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_518032_t2q88z3jok8iwwmi.woff') format('woff'), url('//at.alicdn.com/t/font_518032_t2q88z3jok8iwwmi.ttf') format('truetype'), url('//at.alicdn.com/t/font_518032_t2q88z3jok8iwwmi.svg#iconfont') format('svg');}.iconfont { font-family:"iconfont" !important; font-size:60rpx; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}/*本專案使用的18個圖示 */.icon-zhiding:before{content: 'e739';}.icon-zuojiantou:before{content: 'e736';}.icon-youjiantou:before{content: 'e735';}.icon-shangjiantou:before{content: 'e734';}.icon-xiajiantou1:before{content: 'e733';}.icon-xiajiantou:before{content: 'e6cc';}.icon-gengduotianchong:before{content: 'e67f';}.icon-erweima:before{content: 'e65f';}.icon-fenleiorguangchangorqita:before{content: 'e64f';}.icon-dibiao:before{content: 'e64d';}.icon-bangzhu:before{content: 'e64a';}.icon-xinfeng:before{content: 'e640';}.icon-duihuaxinxi:before{content: 'e639';}.icon-sousuo:before{content: 'e62f';}.icon-shouye:before{content: 'e62d';}.icon-shezhi:before{content: 'e62a';}.icon-shanchu:before{content: 'e629';}.icon-dianhua:before{content: 'e61b';}

使用圖示

123456789101112131415161718192021222324<view> <icon class="iconfont icon-zhiding"></icon> <icon class="iconfont icon-zuojiantou"></icon> <icon class="iconfont icon-youjiantou"></icon> <icon class="iconfont icon-shangjiantou"></icon> <icon class="iconfont icon-xiajiantou1"></icon> <icon class="iconfont icon-xiajiantou"></icon></view><view> <icon class="iconfont icon-gengduotianchong"></icon> <icon class="iconfont icon-erweima"></icon> <icon class="iconfont icon-fenleiorguangchangorqita"></icon> <icon class="iconfont icon-dibiao"></icon> <icon class="iconfont icon-bangzhu"></icon> <icon class="iconfont icon-xinfeng"></icon></view><view> <icon class="iconfont icon-duihuaxinxi"></icon> <icon class="iconfont icon-sousuo"></icon> <icon class="iconfont icon-shouye"></icon> <icon class="iconfont icon-shezhi"></icon> <icon class="iconfont icon-shanchu"></icon> <icon class="iconfont icon-dianhua"></icon></view>

效果圖

注意：此處實現採用的是無APPID的開發模式，實際應用應該在微信小程式管理平臺的開發設定中配置合法域名。

下載到本地

步驟

字型檔案轉化成base64格式

解壓壓縮包 —- 找到ttf格式檔案 —- 上傳到平臺轉化為base64格式 —- 下載壓縮包 —- 將css檔名改為wxss —- 放入專案資料夾 —- 用@import全域性引入 —- 使用

使用—-引入及全域性定義

123456789101112131415161718192021222324@import "src/css/icon.wxss";.iconfont { font-family: "iconfont"; font-size:60rpx;}/*本專案使用的18個圖示 */.icon-zhiding:before{content: 'e739';}.icon-zuojiantou:before{content: 'e736';}.icon-youjiantou:before{content: 'e735';}.icon-shangjiantou:before{content: 'e734';}.icon-xiajiantou1:before{content: 'e733';}.icon-xiajiantou:before{content: 'e6cc';}.icon-gengduotianchong:before{content: 'e67f';}.icon-erweima:before{content: 'e65f';}.icon-fenleiorguangchangorqita:before{content: 'e64f';}.icon-dibiao:before{content: 'e64d';}.icon-bangzhu:before{content: 'e64a';}.icon-xinfeng:before{content: 'e640';}.icon-duihuaxinxi:before{content: 'e639';}.icon-sousuo:before{content: 'e62f';}.icon-shouye:before{content: 'e62d';}.icon-shezhi:before{content: 'e62a';}.icon-shanchu:before{content: 'e629';}.icon-dianhua:before{content: 'e61b';}

開發使用

效果圖

微信小程式，如果第一次申請，不通過能不能做下修改再申請一次

可以，第一次稽核是人工稽核，最重要的，一般3-5天，節假日除外。第一次通過了，之後的修改再提交，基本都是2個小時左右通過。

微信小程式中的迴圈列表，怎麼才能在點選時改變當前項的背景顏色

微信設定背景，直接點選設定裡面聊天，聊天背景設定背景圖。如果想單個設定某人聊天背景，直接點選對方聊天介面，右上角個人資訊，設定聊天背景就可以了

標籤：微信字型大小