微信小程序字体大小怎么改

IT科技
关注：3W次

微信是一款十分实用的社交软件，现在许多人生活、工作都离不开微信，微信字体怎么改呢，一起来看看吧。

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个小时左右通过。

微信小程序中的循环列表，怎么才能在点击时改变当前项的背景颜色

微信设置背景，直接点击设置里面聊天，聊天背景设置背景图。如果想单个设置某人聊天背景，直接点击对方聊天界面，右上角个人信息，设置聊天背景就可以了

标签：微信字体大小