CSS应用-字体图标化

最近做的项目与自定义页面有关系，要求开放自定义样式给第三方，虽然我是一个Java开发的

但还是去调研了一下竞争对手的基本情况，虽然只能看到表面上的东西，但还是能给自己一点启发

这过程中我发现一个很有意思的东西（可能是我没接触过，所以不太懂），那就是字体图标

1.先看一张图

 

看到用黑框标记的那一排小图标吧，一开始我以为是用了background或者img标签来制作的

但是我用firebug看了好久，都没找到跟图片扯上关系的东东。。。后来仔细看了下html结构和css样式

<span class="cat-nav-icon fp-iconfont">㑑</span>

.fp-iconfont {
	font-family: fp-font;
}

好吧，刚开始莫名其妙的，但是注意到两个我从来没了解过的东西

一个就是这个  㑑  字，另一个就是 fp-font 这个字体，我在想：难道这些图标是一种字体

好吧，我把这个 㑑 字在html结构里面去掉，果然那个小图标就没了。。。

然后呢，我