關閉→
當前位置:知科普>IT科技>微信小程序字體大小怎麼改

微信小程序字體大小怎麼改

知科普 人氣:2.71W

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

1.首先打開軟件,點擊右下方的“我”這一按鈕。

微信小程序字體大小怎麼改

2.點擊打開【設置】選項,點擊“通用”。

微信小程序字體大小怎麼改 第2張

3.點擊進入【字體大小】。

微信小程序字體大小怎麼改 第3張

4.在屏幕下方調整字體大小,完成即可。

微信小程序字體大小怎麼改 第4張

注意事項:如出現與視頻不同可能是版本原因,請及時更新微信確保自己的用户體驗。

擴展閲讀,以下內容您可能還感興趣。

小程序手持彈幕的字體設置為像素如何實現

打開微信,點擊右下角的“發現“,找到小程序,

微信小程序“手持彈幕”

2

點擊右上角放大鏡搜索,輸入“手持彈幕”搜索,

微信小程序“手持彈幕”

3

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

微信小程序“手持彈幕”

微信小程序“手持彈幕”

4

輸入字體後,點擊彩色ABC改變字體顏色的設置,點擊第一個字,就是改當前字體的顏色,在上面有顏色選擇,

微信小程序“手持彈幕”

5

點擊第二個字母就是更改第二個字體的顏色,“愛”字自動變成心形了,如下圖,設置好,輕點一下屏幕就OK了。

微信小程序“手持彈幕”

微信小程序“手持彈幕”

微信小程序“手持彈幕”

6

其它字體也可以顏色,輕點屏幕就可以更改了,右邊的設置可以設置字體大小哦。

微信小程序“手持彈幕”

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

      <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';}

開發使用

?

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>

效果圖

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

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

微信小程序中的循環列表,怎麼才能在點擊時改變當前項的背景顏色

微信設置背景,直接點擊設置裏面聊天,聊天背景設置背景圖。 如果想單個設置某人聊天背景,直接點擊對方聊天界面,右上角個人信息,設置聊天背景就可以了

TAG標籤:#字體大小 #微信 #