18720358503 在线客服 人才招聘 返回顶部
企业动态 技术分享 行业动态

Fontmin字体样式获取和缩小武器

2021-02-11分享 "> 对不起,没有下一图集了!">
Fontmin字体提取和压缩神器
手机微信微信小程序为应用独特字体样式出示了免费下载独特字体样式的方式:
wx.loadFontFace({
 family: 'GJGMedium',
 source: 'url("font/GenJyuuGothic-Medium.ttf")',
 success(res){
 console.log(res)
 fail: function (res) {
 console.log(res)
 complete: function (res) {
 console.log(res)
})
可是这类方式不太好用,第一是字体样式大,免费下载慢,第二是还务必得https相对路径,不然在IOS下免费下载不成功。并且还会继续一直在操纵台报faild to load font的错,尽管能够无需管。
一个汉语的字体样式,通常几兆十几兆,而大家一般总是应用到 在其中的十好多个字体样式款式。有木有方式把必须采用的字获取出去,独立搞个字体样式包呢?Fontmin便是那么做的!
应用方式 1、大家以“FangZhengzyjt.TTF”为例子,字体样式尺寸为2.73M,实际上大家只必须0-9,“折”、“满减优惠”、“现钱券”这好多个字,截屏以下:

Fontmin字体提取和压缩神器
3、在左侧文字框键入采用的文本,字过多能够换行,把免费下载好的字体样式库拖动到左下角,点一下转化成

4、 取得成功以后获得一个文档夹,里面有各种各样文件格式的字体样式

注:字体样式转化成以后,不必关掉Fontmin,不然转化成的字体样式会在Fontmin关掉后消退,由于全是缓存文件文档。能够将字体样式拷贝出去以后,再关掉Fontmin
5、能看到缩小后的好多个字体样式文档仅有5KB,假如是H5或是混和app,立即引入*.css文档便可以了,字体样式相对路径都会里边写好啦,十分便捷。而微信小程序得话,必须的是最终一个*-embed.css文档,用记事簿本开启,把它拷贝到微信小程序app.wxss文档


6、在手机微信微信小程序中应用这一base64的字体样式:

最后实际效果:

十分极致!
Fontmin官方网站:fontmin/

本站內容假如沒有标明出處,全部权均归本网站,出示完全免费免费下载使用,但不可用以商业服务赢利。假如标明出處,则来源于于互连网,本网站不做商业服务主要用途。假如本网站有內容侵害到您的利益,请致函网站站长电子邮箱,本网站当马上删掉。

联络大家
"> 对不起,没有下一图集了!">
在线咨询