网页开发如何引入图标-木庄网络博客

本文摘自PHP中文网，作者angryTom，侵删。

HTML中如何引入图标

1、在头部引用在HTML中里面引用一个东西，在头部引用

1	`<script` `defer` `src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>`

2、然后在网上搜索font awesome。可以进那个官方（外国网站比较卡)。以下为点进那个中文网?C字体图标

点击右上角图标库

3、随便点一个进去

4、复制

引入你的代码中>

1	`<div><i` `class="fa fa-address-book-o"` `aria-hidden="true"></i>></div>`

在div或span里引用，可以实现块状元素和行内元素的功能，不用管i标签，改变图标大小用font-size，调上下高度line-height，左右位置text-align。

部分图标可以引用不了，大致样式。

推荐学习：html教程

以上就是网页开发如何引入图标的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《引入图标》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者