fontawesome-free-6.4.0-web安装使用
xuexi 2023-12-21 10:25:55 发表在:PHP 查看数:1018

官方文档:https://fontawesome.com.cn/docs/v5/web

将下载的压缩包解压后,得到下面目录结构内容。

|-/css/ # 用于web开发时候使用,一般情况下只需引用这里的all.min.css即可正常使用fontawesome字体图标了) |-/js/ # 用于一些高级用法比如配合svg使用,以及图标/动画/旋转/蒙版/等等) |-/less/ # 字体图标 Less 样式文件 |-/metadata/ # 图标集 Meta 数据文件 |-/scss/ # 字体图标 Scss 样式文件 |-/sprites/ # 字体图标 SVG合集文件 |-/svgs/ # 这里有全部的单独的svg图标,可以用于PPT/Axure/等原型软件 |-/webfonts/ # 核心字体文件 tips:结尾带min的是压缩过的文件,内容等同于原始文件。

布置css和fonts

将/css目录下的all.min.css复制到你的项目中对应的css目录。

将/webfonts目录复制到你项目中对应的静态文件目录。

在你的html中引入all.min.css文件 搞定!

<head>
  <!-- 这里要注意你的文件相对路径 -->
  <link href="/css/fontawesome.css" rel="stylesheet">
</head>
最近访问时间:2025-05-01 16:01:22
知识库:340条鸣谢:TAY  备案号:蜀ICP备2024090044号