怎么在网页中调用Font Awesome图标?[建站教程]
Font Awesome)提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ,颜色,阴影。
互联网上最受欢迎的图标工具包已经过重新设计和构建。最重要的是,功能包括图标字体连字,SVG框架,面向流行的前端库(如React)的官方NPM软件包以及对新CDN的访问。
- 项目介绍:https://www.thinkcmf.com/font_awesome.html
- 使用文档:https://www.thinkcmf.com/font/font_awesome/examples.html
- 项目官网:https://fontawesome.com/
- 项目地址:https://github.com/FortAwesome/Font-Awesome
如何使用?
方法壹:调用远程文件
<!--载入远程图标库-->
<link href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" type="text/css">
见演示壹
方法贰:调用本地图标库
安装FontAwesome只需简单的几行代码,就可以和bootstrap完美兼容
- 下载Font Awesome最新安装包.
- 复制整个
font-awesome
目录到你的项目 - 在你的html
<head>
标签里, 引入 font-awesome.min.css. <link rel="stylesheet" href="./font-awesome/css/font-awesome.min.css">
- 查看各种examples 学习fontawesome的使用方法
演示贰提供了压缩包,您可以下载至本地解压查阅。
wordpress怎么使用?:
注意:
此处演示用的为4.7.0版本,可免费使用。制作方提供了最新的5.0版本,更多图标。更多特性,付费即可享受。