下载网站字体图标全网最详细教程

1.按住F12(或者右键-检查)打开控制台,在页面中找到字体图标元素对应的css文件,点击css文件
在这里插入图片描述

打开后的css文件是被压缩过的,如下图:
在这里插入图片描述

2.在打开的css文件中找到以 .eot 、.ttf. 、.svg 、.woff文件结尾的文件并下载下来放到项目新建的fonts文件夹下(.iconfont.css就是当前打开的css文件,也一起下载下来,此文件css名称自行定义)将路径放到地址栏按回车键即可下载
在这里插入图片描述
注意.svg结尾的文件把路径复制到地址栏后,按回车键不会下载,此时需要手动右键下载(右键存储为)
在这里插入图片描述

在这里插入图片描述
3.页面中使用字体图标
在这里插入图片描述

在这里插入图片描述
4.效果图如下
在这里插入图片描述
在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部