为网站文字前面添加图标 在线调用 Font Awesome 字体图标 美化网站

Posted dinphy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为网站文字前面添加图标 在线调用 Font Awesome 字体图标 美化网站相关的知识,希望对你有一定的参考价值。

一、如何开始

1、将下面的代码复制粘贴到html页面面的 <head> 下面

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

2、在需要添加图标的文字前面加入如下代码

<i class="fa fa-bars"></i>

根据图标选择的不同,class中的也不同,选择要调用的图标,单击就会有相应的代码。

更多的图标:http://www.fontawesome.com.cn/faicons/#webapp-icons

二、效果,如本站的菜单导航

以上是关于为网站文字前面添加图标 在线调用 Font Awesome 字体图标 美化网站的主要内容,如果未能解决你的问题,请参考以下文章

关于font awesome 的问题。且听我讲讲过程。。。我一开始在网站里用i标签

在线引用font awesome字体图标

请问文字前面的那种动态小图标从哪里可以找到?有图

fontawesome 图标怎么安装

html 怎么添加ico小图标

阿里巴巴矢量图标库怎么在线应用@font-face