一个简单易用的图标字体库和CSS框架fontawesome

148 阅读1分钟

官网:fontawesome.dashgame.com/

一个非常简单的例子:

新建一个html,粘贴如下代码:

<html>
<head>
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"/>
</head>
<body>
<i class="fa fa-camera-retro"></i>
</body>
</html>

打开页面,能看到一个照相机的图标:

实现原理:

font-awesome.css里对.fa-camera-retro:before的定义:\f083

要获取更多Jerry的原创文章,请关注公众号"汪子熙":