微信字体下载 让聊天界面焕然一新

1942920 最新软件 2025-04-29 4 0

微信字体下载软件是一款为微信用户提供个性化字体的工具。用户可以通过该软件下载并安装各种字体,以满足不同的阅读和聊天需求。以下是关于微信字体下载软件的详细介绍:

一、使用步骤

微信字体下载 让聊天界面焕然一新

微信字体下载软件的使用步骤主要包括以下几种方法:

1. 在app.wxss中使用@font

  • face安装字体
  • 找到app.wxss文件。
  • 在app.wxss文件中使用@font
  • face安装字体,例如:
  • css

    @font

  • face {
  • font

  • family: "东方大楷";
  • src: url('//xxx.xxx.xxx.xxx/fonts/DongFangDaKai/Alimama_DongFangDaKai_Regular.woff2') format('woff2'),

    url('//xxx.xxx.xxx.xxx/fonts/DongFangDaKai/Alimama_DongFangDaKai_Regular.woff') format('woff'),

    url('//xxx.xxx.xxx.xxx/fonts/DongFangDaKai/Alimama_DongFangDaKai_Regular.ttf') format('truetype');

  • 给文字设置字体,例如:
  • css

    title {

    font

  • family: "东方大楷";
  • 2. 在app.js中使用wx.loadFontFace安装字体

  • 找到app.js文件。
  • 在app.js文件中添加如下代码:
  • javascript

    wx.loadFontFace({

    family: "东方大楷",

    source: 'url("//xxx.xxx.xxx.xxx/fonts/DongFangDaKai/Alimama_DongFangDaKai_Regular.woff2")',

    success(res) {

    console.log(res.status)

    },

    fail: function(res) {

    console.log(res.status)

    },

    complete: function(res) {

    console.log(res.status)

    });

  • 给文字设置字体,例如:
  • css

    title {

    font

  • family: "东方大楷";
  • 3. 将字体文件转base64贴在公共样式里引用(此方法是方法1的变种)

  • 优点:不用放到服务器上。
  • 缺点:因小程序打包限制在2M,通常无法使用这个方式,字体文件都是比较大的,前面引用的东方大楷就2M多了,还要转成base64。
  • 二、下载方法

    微信字体下载软件的下载方法主要有以下步骤:

    1. 准备字体文件:下载一个.ttf类型的字体文件,备用。

    2. 获取字体文件地址

  • 微信开发者工具>云开发>存储>存储管理>上传文件>点击文件名>复制。
  • 或者将下载下来的字体文件上传到文件服务器上,拿到url。
  • 3. 配置域名:将url的域名在小程序公众平台配置downloadFile合法域名。

    4. 注意事项:下载字体文件的域名必须配置到小程序的downloadFile合法域名中;下载的字体文件域名需要使用HTTPS协议。

    三、用户使用反馈

    1. 页面跳转重新下载字体问题:有用户反馈,在小程序中,如果页面跳转,可能会重新下载字体,这可能会导致一些性能问题。为了解决这个问题,有开发者提出了利用本地文件缓存字体的优化方案,避免页面跳转重新下载字体。

    2. 用户输入文本设置字体问题:在一些需求中,比如在editor组件中增加设置字体,由于是用户自己输入的文本,不能控制,随便一个中文字体包都比较大,使用微信原生api字体下载接口时可能会遇到困难。

    3. 微信字体显示不全问题(手机端):有用户反馈在华为手机上,微信的用户名、标题、按键、好友资料、头像等界面显示不全,微信好友聊天页面中的内容显示不全,微信中腾讯新闻的标题显示不全。解决方案是进入手机设置>显示和亮度>字体与显示大小或者设置>显示>字体大小,将字体大小调整为标准,显示大小调整为默认后,重新进入微信。也可以通过微信>我>设置>帮助与反馈>意见反馈进行反馈。