关于iconfont引入

来源:2-1 flex + iconfont 完成首页 docker 样式编写

weixin_慕丝2377090

2021-08-22 14:01:21

http://img.mukewang.com/climg/6121e74809805d2a09700378.jpg

老师我有一些迷惑,为什么说如果没有svg,eot等文件就不能正常使用啊?


@font-face {

font-family: 'iconfont';  /* Project id 2760703 */

src: url('//at.alicdn.com/t/font_2760703_3f7r2o2mdni.woff2?t=1629598181723') format('woff2'),

url('//at.alicdn.com/t/font_2760703_3f7r2o2mdni.woff?t=1629598181723') format('woff'),

url('//at.alicdn.com/t/font_2760703_3f7r2o2mdni.ttf?t=1629598181723') format('truetype');

}

  1.  这是我按视频引入的不知道为什么这里我没有svg,eot却可以正常使用。

  2. ​为什么我和视频里面老师不一样,我只要一个src,三个url. 但是老师视频有两个src,四个url

http://img.mukewang.com/climg/6121e7c0094331ee11720112.jpg

写回答

1回答

好帮手慕慕子

2021-08-22

同学你好,对于你的问题解答如下:

1、截图中表达的意思是如果没有svg、eot、woff、woff2、ttf这些所有的字体文件,那么是不可以正常访问字体的,如下:

http://img.mukewang.com/climg/6121f48809b0bcf809620219.jpg
2、同学粘贴的代码中并没有使用svg和eot,所以没有这俩文件,只要woff2、woff和ttf文件存在,那么就可以正常访问字体

http://img.mukewang.com/climg/6121f4ed0973618808650318.jpg

3、猜测是因为下载的字体不一样导致的。同学根据自己下载的字体图标调整下,能够正常显示字体图标即可。

祝学习愉快~

0

0 学习 · 15276 问题

查看课程