关于iconfont引入
来源:2-1 flex + iconfont 完成首页 docker 样式编写
weixin_慕丝2377090
2021-08-22 14:01:21

老师我有一些迷惑,为什么说如果没有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');
}
这是我按视频引入的不知道为什么这里我没有svg,eot却可以正常使用。
为什么我和视频里面老师不一样,我只要一个src,三个url. 但是老师视频有两个src,四个url

1回答
同学你好,对于你的问题解答如下:
1、截图中表达的意思是如果没有svg、eot、woff、woff2、ttf这些所有的字体文件,那么是不可以正常访问字体的,如下:

2、同学粘贴的代码中并没有使用svg和eot,所以没有这俩文件,只要woff2、woff和ttf文件存在,那么就可以正常访问字体

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