文档章节

前端基础快速学习-ICON插件

乐搏学院
 乐搏学院
发布于 2017/03/28 14:01
字数 280
阅读 4
收藏 0

设计页面的时候很多时候需要用到各种小图标,如果都需要加载图片的话会比较累,一个常见的方法是加载特殊的字体。这些特殊的字体符号可以从网上下载插件,比如 http://fontawesome.io/

wKioL1h9ig-xEH-7AACG7ypL2lU438.jpg

 

下载解压之后就可以直接用了。

 

比如新创建一个目录,分门别类的创建好结构,在plugin里面放入下载的插件

 

wKiom1h9ihCQmaO0AABZNjU5AMw636.jpg

 

接下来就是编辑我们的html文件。

 

<link>指定插件css文件的位置

 

<body>里面就可以直接调用了

1

2

3

4

5

6

7

8

9

10

11

12

13

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <link rel="stylesheet" href="plugins/font-awesome-4.6.3/css/font-awesome.css" />

</head>

<body>

    <i style="color: red;" class="fa fa-star" aria-hidden="true"></i>

    <i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i>

    <i class="fa fa-university" aria-hidden="true"></i>

</body>

</html>

 

 

具体调用的名字可以在网页上点开对应的图标找到

 

wKioL1h9ihDSkRPZAADDTkIhs_A541.jpg

 

 

最后效果如下

wKiom1h9it-hVWGMAAAlE2IBsG4719.jpg

 

 

 

登录乐搏学院官网http://www.learnbo.com/

或关注我们的官方微博微信,还有更多惊喜哦~

© 著作权归作者所有

共有 人打赏支持
乐搏学院
粉丝 9
博文 526
码字总数 707467
作品 0
丰台
程序员
私信 提问
🎂HeyUI 组件库两周年,中后台管理系统 HeyUI Admin 发布🎉🎉

不知不觉, HeyUI组件库已经发布两年的时间了。 从2017年3月12日,到2019年3月12日,我算了一下,总共写了10万行的代码。 而在不久之前,项目的star数目总算突破1000大关,开启1k+的旅程🎉?...

vvpvvp
03/13
0
0
jquery、CSS、icon、字体、模板、CDN资源库汇总(庞大的前端干货)

jQuery(js)库: jQueryfuns:43,849 个HTML, CSS & 响应式模板 http://www.jqueryfuns.com/ datouwang 一个js特效库 http://www.datouwang.com/ js代码网 大量js和css效果代码分享 http:/......

找前辈网
2017/10/24
0
0
web前端攻城狮整理的收藏夹

作为一名web前端开发工程师你的收藏夹存对了吗?下面是一份互联网上流传甚广的web前端开发收藏夹资源,包含学习网站、JS库、常用工具、常用插件、资讯书籍等资源。速速转存吧~ 一、学习网站 ...

inw3cschool
2017/03/10
0
0
2019年应该如何学习前端开发?

近两年来,前端开发工程师越来越火了,2019年已经到来了,很多准备入行前端开发工程师的小伙伴们,不知道准备得怎么样了呢? 有的朋友在想方设法的学习,争取在年后的金三银四能靠实力找到一...

WEB开发阿靖
02/16
0
0
分享30套非常漂亮的社交网络图标集

社交网络是最近几年互联网领域最热门的关键词之一,如今,各种社会网络化媒体成为我们信息获取和传播的重要途径。今天,本文与大家分享30套漂亮的社交网络图标集素材,希望大家会喜欢! 1. T...

未来十年
2012/01/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

glide 下载golang.org包问题

今天编译Uber的Aresgo。依赖管理用 glide,下载golang.org 包的时候遇到问题。 方法一: 设置 glide mirror glide mirror set https://golang.org/x/mobile https://github.com/golang/mobi...

shengjuntu
13分钟前
0
0
4.线程

线程是操作系统中最小的执行单元。 它本身不是一个程序,而是在程序中运行。 换句话说,线程并不相互独立,并与其他线程共享代码段,数据段等。 这些线程也被称为轻量级进程。 线程状态 新线...

Eappo_Geng
20分钟前
0
0
在Linux上编译LLVM/Clang 8.0.0等全部源代码

本教程使用的操作系统是Ubuntu Linux 18.04.2 LTS版本,要编译的LLVM源代码是8.0.0。 1、安装必要的软件。它们是:build-essential/cmake/swig/python-swigpk/libxml2/libxml2-dev/libncurs...

ryanliue
27分钟前
3
0
毕业季,我的Linux求职之路

秋招终于告一段落了,本硕的七年求学之路也快画上了句号。回首求职的这一段日子,痛苦并快乐着。感谢所有陪伴着我走过这一段路程的同学,所有的辛酸都值得铭记。求职的过程中在网上看了很多的...

linux-tao
58分钟前
4
0
Mybatis动态语句,if test字符串不用进行null判断

描述:根据creator列进行过滤获取image表的数据。 代码如下: @Select("<script>" + " select * from image " + " <where>" + " <if test='isAllCreator != 1'> ......

Coder顾
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部