微信公众号开发

微信小程序 引用字体

本文主要是介绍微信小程序 引用字体,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

方法一

官方

方法二

1.下载 安装footmin。

2.字体下载 ifont。

3.转换所需词汇:在这里插入图片描述

4.代码引用:

复制文件中的代码:
在这里插入图片描述
为(只保留最长的就可以):

@font-face {
    font-family: "RuiZiChaoPaiHaoHengHeiJian-TeHei-2";    
    url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */  
    font-style: normal;
    font-weight: normal;
}

这篇关于微信小程序 引用字体的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!