微信小程序是否可以引用特殊字体

可以引用特殊字体。

具体的方法如下:

方法一: 转base64格式

1、下载要使用的字体,建议TTF格式

2、打开网站 https://transfonter.org/ 转换格式,得到压缩包

3、将压缩包解压后,把stylesheet.css的内容复制到小程序的公共样式,就可以使用了

方法二:动态加载网络字体(推荐使用)

动态加载网络字体。文件地址需为下载类型。iOS 仅支持 https 格式文件地址。wx.loadFontFace({

family: 'HYQH-50S',

source: 'url("https://www.xxx.com/font/HYQH-50S.ttf")',

success: function (res) {

console.log(res.status)

},

fail: function (res) {

console.log(res.status)

},

complete: function (res) {

console.log(res.status);

}

});

关于字体链接source,需要注意几个点:

1、字体链接需为下载类型

2、字体链接必须是https

3、字体链接必须是同源下的,或开启cors支持

使用方式也很简单,直接再css设置font-family就可以了view {

font-family: "HYQH-50S" !important;

}

微信小程序导入其他字体会不会影响运行_微信小程序是否可以引用特殊字体相关推荐

  1. 微信小程序怎么在wxml中插入多个图片_兰州小程序开发流程费用推荐品牌_便企网...

    兰州小程序开发流程费用推荐品牌,有人说既然开发文档这么详细那直接跟着开发文档来学习就可以轻松入门,你有这份自信是非常好的,也希望你有很强的学习能力,但对于很多的普通人新手来说(当然也包括我),做作品的 ...

  2. python程序文件的扩展名称-Python源代码程序编译后的文件扩展名为( )。_学小易找答案...

    [单选题]9.药物与血浆蛋白结合后( ). [填空题]根据ISO标准,当刀具中心轨迹在程序轨迹前进方向左边时称为左刀补,用( )指令表示! [判断题]进口的农产品必须按照国家规定的农产品质量安全标准进 ...

  3. 程序闪退怎么运行_苹果应用程序崩溃闪退怎么办?如何解决苹果设备的软故障?...

    你们在使用苹果设备的时候是不是经常遇到程序卡死,或者苹果设备假死的情况?如果您遇到程序崩溃闪退或报错的时候,请不要慌张,按照以下方法解决问题. 苹果设备 它是应用程序问题还是设备故障? 首先,您必须弄 ...

  4. linux java控制台运行_让java程序在Linux后台运行

    遇到需要在Linux上面跑一个server,但是用ssh上去运行server.java程序再退出ssh,那个程序就会关闭,所以想到要让它像一个服务一样一直跑在Linux上面,所以找到了这个命令:noh ...

  5. 微信小程序wxml如何判断字符串中汉语某字符_微信小程序开发经典案例解析“嗨兔儿”...

    嗨兔儿是微信公众号嗨日语歌(hitaici)助手,主要为用户提供,关键词检索,帮助手册等,为外语学习者提供一个便捷的操作方式,能够开心工作,开心生活. 开发过程及注意事项分享视频. 1. 微信小程序开 ...

  6. 微信小程序没登录跳到登录页怎么做_微信小程序登录页动画怎么做

    2017年5月22日,微信小程序推出之时,限制非常多,现在越来越开放.微信小程序动画怎么做也受到越来越多人的关注,下面从多个方面来谈谈微信小程序怎么做的一些内容. 前言 2017年前端火了,微信小程序 ...

  7. 微信小程序没登录跳到登录页怎么做_微信小程序手机端如何实现登录页面跳转含有Tabar页面...

    我用navigateTo,实现页面之间的跳转,app.json配置如下 { "pages": [ "pages/login/login", "page ...

  8. 小程序直播间页面路径怎么访问直播间_以小程序为例,在线教育产品的直播间有哪些功能设计?...

    直播兴起已经很久,在线教育玩直播的也有很多.本文作者从工作实践出发,结合案例分享了小程序直播间都做了哪些功能设计,为什么要这么设计,及对设计的复盘. 一.直播间都需要搭建哪些功能模块? 在收集了业务的 ...

  9. java的单行注释符是_Java 程序中的单行注释符是( ),多行注释符是( )_学小易找答案...

    [单选题]设 x = 1 , y = 2 , z = 3 ,则表达式 y += z -- / ++ x 的值是 ( ) . [单选题]带传动中,具有准确传动比的是 [填空题]定义类的保留字是 ( ) ...

最新文章

  1. 打造 AI Beings,和微信合作…第七代微软小冰的成长之路
  2. iPhone开发四剑客之《Objective-C基础教程》
  3. linux/Docker
  4. 插入排序 链表 java_Java实现 LeetCode 147 对链表进行插入排序
  5. 数据包头分析---网络字节序与主机字节序
  6. 优秀交互设计的 UI 原则
  7. android端 socket长连接 架构
  8. Openstack面试题和知识点总结
  9. shopxo首页的新闻头条栏:如何隐藏或关闭?
  10. 最简洁的PHP把PHP生成HTML代码
  11. Asp.net 5种页面转向方法 转载
  12. 小何同学问了苹果CEO库克哪些问题?
  13. [软件设计] 控制反转(Inversion of Control)随想
  14. CSA标准|《物联网安全规范》(征求意见稿)意见征集
  15. 纯CSS修改浏览器的默认滚动条样式
  16. 谈谈HashMap为什么是线程不安全的?
  17. 马云思考阿里下一个15年:大数据是未来核心
  18. 计算机故障代码ff,电脑开机时主板上只显示FF怎么回事?
  19. 软件-DiskSpeekUp:DiskSpeekUp(磁盘整理工具)
  20. java判断唯一性_java 后台验证数据唯一性

热门文章

  1. 【物联网03】 CentOS7编译EMQ源码
  2. 对接BaiduApi接口流程
  3. 什么是响应式编程(Reactive Programming)
  4. 女士适合学数据分析吗
  5. 文件资源管理器无法打开怎么办?
  6. 关于车联网的调查:网络架构与应用
  7. windows使用cmd删除目录和文件(详细)
  8. 数据中心机房基础建设,等级、机柜、机架设定等相关内容都在这里!
  9. GhostXP_SP2电脑公司特别版_5.5
  10. 假如生活欺骗了你 (普希金诗歌)_ywyuan_新浪博客