创建要在php脚本中使用的彩色文本图标（见图）

我希望能够创建图标/彩色CSS文本块，例如：

我不知道从哪里开始寻找这些，因为我不知道这是HTML、PHP还是CSS或它们的组合

提前谢谢

---

编辑：我已经看了源代码，但我看到的只是它们是某些东西的类文件，无法追踪到它。

一开始，twitter引导与font awesome的组合应该很好。 这里是链接-

---

将twitter引导程序与字体真棒相结合应该是一个不错的开始。 这里是链接-

---

这些字体中的大多数看起来像带有某种图标字体的

<span class="label">Default Label <i class="icon-globe icon-white"></i></span>
<span class="label label-success">Success Label <i class="icon-tag icon-white"></i></span>
<span class="label label-important">Important Label <i class="icon-hand-right icon-white"></i></span>
<span class="label label-warning">Warning Label <i class="icon-hand-left icon-white"></i></span>

它们也很容易使用

<span class="label">Default Label <i class="icon-globe icon-white"></i></span>
<span class="label label-success">Success Label <i class="icon-tag icon-white"></i></span>
<span class="label label-important">Important Label <i class="icon-hand-right icon-white"></i></span>
<span class="label label-warning">Warning Label <i class="icon-hand-left icon-white"></i></span>

其结果如下：

---

其中大多数看起来像带有某种图标字体的

<span class="label">Default Label <i class="icon-globe icon-white"></i></span>
<span class="label label-success">Success Label <i class="icon-tag icon-white"></i></span>
<span class="label label-important">Important Label <i class="icon-hand-right icon-white"></i></span>
<span class="label label-warning">Warning Label <i class="icon-hand-left icon-white"></i></span>

它们也很容易使用

<span class="label">Default Label <i class="icon-globe icon-white"></i></span>
<span class="label label-success">Success Label <i class="icon-tag icon-white"></i></span>
<span class="label label-important">Important Label <i class="icon-hand-right icon-white"></i></span>
<span class="label label-warning">Warning Label <i class="icon-hand-left icon-white"></i></span>

其结果如下：

---

查看具有您喜欢的图标类型的页面来源如何？开始：查看具有您喜欢的图标类型的页面来源如何？开始：

<span class="label">Default Label <i class="icon-globe icon-white"></i></span>
<span class="label label-success">Success Label <i class="icon-tag icon-white"></i></span>
<span class="label label-important">Important Label <i class="icon-hand-right icon-white"></i></span>
<span class="label label-warning">Warning Label <i class="icon-hand-left icon-white"></i></span>