最近晚上再帮一家start up 写 lander，以前习惯了直接使用bootstrap 以及他上面的Glyphicons  icon，很方便就可以使用的。

但是现在写的这个lander 没有使用bootstrap，所以想使用 Glyphicons 的icon 就会比较麻烦。两个办法，一是接从 bootstrap 的cdn 中 截出icon 的那部分，抑或使用其他的 icon library。 第一个办法 maxcdn 提供了直接 cdn 文件，不过版本比较老，仍然可用:

<link href=”//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css” rel=”stylesheet”>

 

第二个办法是直接使用其他的免费库，比如说 font awesome icon.

http://fortawesome.github.io/Font-Awesome/

使用这个库很简单，首先在你的css 文件上引入如下的 css

<link href=”//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css” rel=”stylesheet”>

然后就可以在css 中调用他们的library，例如如下:

<i class=”fa fa-camera-retro”></i> fa-camera-retro