码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-10-12 16:37:48      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:

一、如何开始

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 字体图标 美化网站

标签:

原文地址:http://www.cnblogs.com/dinphy/p/5953062.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!