一个非常简单的例子:
新建一个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的原创文章,请关注公众号"汪子熙":