阿里图标的链接那么多,其实只用base64 其余url 引入的文件链接可以删 剩余两条简洁的外链
以下是阿里图标删除的url
●第一:到网站 用base64字符分别转换成 base64转文字文件 woff2图标文件
https://www.motobit.com/util/base64-decoder-encoder.asp
●第二:
图标整合--导入woff woff2 ttf 任意格式 整合图标 下载
http://fontstore.baidu.com/static/editor/index.html#
导入woff2文件, 之后一定要另存为一个文件夹,之后查看有没有重复的代码点,
如果重复,就修改代码,必须是 e123 (格式,不能是e后面带四个数,我测试过不行)
之后导出文件 woff2
●第三:文件转回 base64
张鑫旭 网站 文件转换成base64
https://www.zhangxinxu.com/sp/base64.html
转码合并的woff2文件,转换成base64
详细文章
https://www.zhangxinxu.com/wordpress/2018/07/known-woff2-mime-convert/
●图标iconfont.css 中使用
●格式A:
@font-face {
font-family: iconfont;
src: url('data:font/woff2;base64,...') format('woff2'),
url('data:font/woff;base64,...') format('woff');
}
●格式B
@font-face {font-family: "iconfont";
src: url('#iefix') format('embedded-opentype'),
url('data:application/octet-stream;base64,.......') format('woff2')
}
以下是阿里图标删除的url
●第一:到网站 用base64字符分别转换成 base64转文字文件 woff2图标文件
https://www.motobit.com/util/base64-decoder-encoder.asp
●第二:
图标整合--导入woff woff2 ttf 任意格式 整合图标 下载
http://fontstore.baidu.com/static/editor/index.html#
导入woff2文件, 之后一定要另存为一个文件夹,之后查看有没有重复的代码点,
如果重复,就修改代码,必须是 e123 (格式,不能是e后面带四个数,我测试过不行)
之后导出文件 woff2
●第三:文件转回 base64
张鑫旭 网站 文件转换成base64
https://www.zhangxinxu.com/sp/base64.html
转码合并的woff2文件,转换成base64
详细文章
https://www.zhangxinxu.com/wordpress/2018/07/known-woff2-mime-convert/
●图标iconfont.css 中使用
●格式A:
@font-face {
font-family: iconfont;
src: url('data:font/woff2;base64,...') format('woff2'),
url('data:font/woff;base64,...') format('woff');
}
●格式B
@font-face {font-family: "iconfont";
src: url('#iefix') format('embedded-opentype'),
url('data:application/octet-stream;base64,.......') format('woff2')
}