FontAwesome---HTML5图标库

最新推荐文章于 2024-06-24 10:48:15 发布

skyxingcheng

最新推荐文章于 2024-06-24 10:48:15 发布

阅读量508

点赞数

文章标签： css js css3

本文链接：https://blog.csdn.net/skyxc233/article/details/114838689

版权

本文同步于个人博客：
蝴蝶飞不过沧海 | 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

skyxingcheng

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
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">
复制链接

扫一扫