简述:Font Awesome 可以提供众多样式的图标,使用简便。
问题:如何使用Font Awesome
解决:
1.官网下载Font Awesome旧版或最新版;http://www.fontawesome.com.cn/faicons/
2.打开压缩包,内容如下;
3.将CSS(根据自己的选择)内的font-awesome(或min)文件放到自己的css文件夹中;
4.将Fonts文件夹取出,同放到与CSS文件夹同级目录即可(方便);
5.开始使用:根据自己需要,在Font Awesome官网界面内搜寻相应图标代码,复制到相应位置即可展示(页面内的具体位置和大小可自行更改);
注:在HTML内的head区域,要正确引用font-awesome文件的路径。
**注意:**当界面仅显示小方块时,要排查路径是否有问题,包括html与font-awesome.css相对路径问题,以及font-awesome.css与fonts文件夹内的六个文件的相对路径。如下图所示:
如何使用Font Awesome
最新推荐文章于 2024-06-21 15:26:08 发布