<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>字体图标</title>

    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <link rel="stylesheet" href="FontAwesome/css/font-awesome.min.css">

</head>

<style>

    .icon-camera-retro{

        color: #485321;

    }

</style>

<body>

    <h1><i class="icon-twitter"></i></h1>

    <i class="icon-camera-retro"></i>

    <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>

    <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>

    <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>

    <p><i class="icon-camera-retro icon-4x icon-spin" ></i> icon-camera-retro</p>

    <i class="icon-spinner icon-large icon-spin icon-4x"></i>

    <i class="icon-fighter-jet icon-large icon-spin icon-4x"></i>

    <!--http://www.bootcss.com/p/font-awesome/-->

</body>

</html>




Font Awesome, 为 Bootstrap 而创造的图标字体




font-awesome.min.css


												


											
FootAwesome字体图标的更多相关文章
	

    
								
  1. 初学者--bootstrap（六）组件中的字体图标----在路上（9）
		
    组件---字体图标 无数可复用的组件,包括字体图标.下拉菜单.导航.警告框.弹出框等更多功能. 1.如何使用:        出于性能的考虑,所有图标都需要一个基类和对应每个图标的类.把下面的代码放在 ...
    
		
    2. 
						
  2. 如何使用IconFont字体图标代替网页图片？
		
    一.IconFont的优点 1.轻量性 可以减少http请求,可以配合html5离线存储做性能优化,有利于后期维护. 2.灵活性 可以自由变换IconFont大小(不失真),可以修改IconFont颜 ...
    
		
    3. 
						
  3. WPF自定义控件与样式(1)-矢量字体图标(iconfont)
		
    一．图标字体 图标字体在网页开发上运用非常广泛,具体可以网络搜索了解,网页上的运用有很多例子,如Bootstrap.但在C/S程序中使用还不多,字体图标其实就是把矢量图形打包到字体文件里,就像使用一般 ...
    
		
    4. 
						
  4. Bootstrap之字体图标
		
    优点:1.减少请求 2.容易控制样式 所在位置:在下载的bootstrap文件中的fonts文件夹存放字体图标 默认路径为当前目录下,如需修改路径,则需在bootstrap.css中查找font-fa ...
    
		
    5. 
						
  5. Glyphicon 字体图标
		
    Bootstrap中的Glyphicon 字体图标 在Bootstrap框架中也为大家提供了近200个不同的icon图片,而这些图标都是使用CSS3的@font-face属性配合字体来实现的icon效 ...
    
		
    6. 
						
  6. Bootstrap<基础十一>字体图标(Glyphicons)
		
    字体图标(Glyphicons),并通过一些实例了解它的使用.Bootstrap 捆绑了 200 多种字体格式的字形. 获取字体图标 我们已经在 环境安装 章节下载了 Bootstrap 3.x 版本 ...
    
		
    7. 
						
  7. bootstraps字体图标无法显示
		
    使用bootstraps字体图标,必须在css的同级文件夹下,建立新的文件夹为fonts,放入一下文件. 在还是无法显示字体图标的情况下,可查看bootstraps.css中的 @font-face  ...
    
		
    8. 
						
  8. bootstrap字体图标在谷歌显示正常，在火狐显示异常的问题
		
    bootstrap字体图标的使用 现在有很多的网站支持字体图标,我所知道的有bootstrap,fontawesome,iconmoon,等等,可能还有其他我并不知道 bootstrap只要你的文件夹 ...
    
		
    9. 
						
  9. fontIconPicker – 优雅的 jQuery 字体图标选择
		
    jQuery fontIconPicker 是一个小的 jQuery 插件,它可以让你实现一个优雅的带有分类.搜索和分页功能的图标选择器.图标列表可手动从下拉列表框,图标数组或对象,或者从 Fonte ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. python @staticmethod和@classmethod
			
    Python其实有3个方法,即 静态方法 (staticmethod), 类方法 (classmethod)和 实例方法. 如下: def foo(x): print "executing  ...
    
			
    2. 
						
  2. 浅谈JavaScript中的正则表达式（适用初学者观看）
			
    浅谈JavaScript中的正则表达式 1.什么是正则表达式(RegExp)? 官方定义: 正则表达式是一种特殊的字符串模式,用于匹配一组字符串,就好比用模具做产品,而正则就是这个模具,定义一种规则去 ...
    
			
    3. 
						
  3. 字节跳动后端开发实习生面试（Python）
			
    一面: 1.自我介绍. 2.介绍“工大小美”项目相关. 3.Python中的GIL(全局解释器锁),以及哪种情况下使用python的多线程性能有较大的提升. 4.项目中用到了SQLite数据库,如果有 ...
    
			
    4. 
						
  4. Ubuntu下kaldi安装
			
    该文章为博主原创,如若转载请注明出处:https://www.cnblogs.com/fengleixue/p/9482202.html 因公司业务需要需使用kaldi语音识别工具,现将kaldi环境 ...
    
			
    5. 
						
  5. Linux中让alias设置永久生效的方法详解
			
    Linux中让alias设置永久生效的方法详解 一.问题描述 1.有很多时候我们想要将很多操作作为一个步骤,那么在不作为系统的服务的情况下,别名是我们最好的选择,但是发现别名只能在一次会话中生效,重启 ...
    
			
    6. 
						
  6. 流程控制之while循环for循环
			
    流程控制之while循环1.什么是循环 循环就是重复做某件事2.为什么要有循环 为了让计算机能够具备人重复做某件事的能力3.如何用循环 while语法: while 条件: code1 code2 c ...
    
			
    7. 
						
  7. GoF23种设计模式之行为型模式之模板方法
			
    概述 定义一个操作中的算法的骨架,而将一些步骤延迟到子类中. TemplateMethod使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤. 适用性 1.一次性实现一个算法的不变的部分, ...
    
			
    8. 
						
  8. stm32启动地址
			
    理论上,CM3中规定上电后CPU是从0地址开始执行,但是这里中断向量表却被烧写在0x0800 0000地址里(Flash memory启动方式),那启动时不就找不到中断向量表了?既然CM3定下的规矩是 ...
    
			
    9. 
						
  9. centos7 安装显卡驱动方法
			
    方法一: 首先需要添加一个第三方的源ELRepo.这个源支持RED HAT系的Linux系统,主要是提供一些硬件的驱动程序.这个源的主页如下: http://elrepo.org/tiki/tiki- ...
    
			
    10. 
						
  10. 在spring boot中使用webSocket组件（一）
			
    最近在项目中使用到了spring的webSocket组件,在这里和大家分享下,如有错误,欢迎大家指正. 在这里我使用的IDE工具是Intellij idea,框架是spring boot.spring ...
    
			
    11.