本文主要是介绍FontAwesome---HTML5图标库，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
本文同步于个人博客 ：
蝴蝶飞不过沧海 | Blog
本文链接
Font Awesome 官网
Font Awesome 中文网
此图标库付费版比免费版要多出很多，如有需要可购入付费版
你只需在网站引入css样式
<html>
<head>
<link href="https://cdn.jsdelivr.net/gh/skyxingcheng/ic-cdn@master/static/css/font-awesome.min.css" rel="stylesheet">
<style>body {background-color: #f58f98;min-height: 100%;min-weight: 100%;height: auto;weight: auto;}.icons {text-align: center;}.icons a {width: 128px;height: 128px;color: #fff;background: rgba(7, 10, 12, 0.5);display: inline-table;text-align: center;font-size: 50px;margin-left: 5px;margin-bottom: 30px;}.icons a i{display: table-cell;vertical-align: middle;}
</style>
</head>
<body><div class="icons"><a href="#" target="_blank"><i class="fa fa-facebook"></i></a><a href="#" target="_blank"><i class="fa fa-twitter"></i></a><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a><a href="#" target="_blank"><i class="fa fa-pinterest"></i></a></div>
</body>
</html>
你可以在这里搜索到想要的图标 https://fontawesome.com/icons
图片仅供参考
End
这篇关于FontAwesome---HTML5图标库的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
