iconfont图标离线无法显示的问题

148 阅读1分钟
  1. 源文件引入的是阿里巴巴的icon [at.alicdn.com/t/font_2009…]

image.png 2.根据这个网址下载这个.ttf格式的字体文件 (at.alicdn.com/t/font_2009…

image.png 3.把这个.ttf文件转为base64格式,转换网址:transfonter.org/

image.png 4. 你会得到一个压缩包,解压之后打开这个文件

image.png

image.png

image.png 5. 把上述base64格式文件复制到这里

@font-face {
	font-family: 'uicon-iconfont';
	src: url('data:application/x-font-woff2;charset=utf-8;base64,转成的base64字符')     
    format('truetype');
}