图标字体

font-awesome.min.css

http://www.bootcss.com/p/font-awesome/#contribute

完美的图标字体

Font Awesome 3.0版本中新增了40个全新的图标。如果你需要更多新图标,可以在 Font Awesome GitHub project 提出需求

最简单的 Bootstrap + Font Awesome 集成方式

使用这种方式将 Font Awesome 集成到默认的 Bootstrap CSS中。

  1. 拷贝 Font Awesome 字体目录到你的项目中。
  2. font-awesome.min.css 文件到你的项目中。
  3. 打开你的项目中的 font-awesome.min.css 文件并编辑字体路径指向正确的位置。

     字体路径是相对于你的 CSS 目录的。

  4. 在html文档中的  部分,引入 font-awesome.min.css 文件。
     
         
    1. rel="stylesheet" href="../css/bootstrap.min.css">
    2. rel="stylesheet" href="../css/font-awesome.min.css">
  5. 在浏览器中打开页面,检查是否正确启用了 Font Awesome!

Simple Icons:收集众多网站的Logo,并提供高质量、不同尺寸的png格式图片给广大网友,所有Icon版权归其所属公司。

Glyphicons:包括200个符号字体格式图表集合,由Glyphicons提供,Glyphicons Halflings 一般是收费的,但是经过Bootstrap和Glyphicons作者之间的协商,允许开发人员不需要支付费用即可使用。

利用这几种图标内容,我们引入下面几种样式就可以了。

<link href="/Content/metronic/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>
<link href="/Content/metronic/simple-line-icons/simple-line-icons.min.css" rel="stylesheet"/>
<link href="/Content/metronic/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>





你可能感兴趣的:(经验总结和实例练习,javascript)