网页中使用的特殊字体(webdings, wingdings 2)

前言

对字体的相关介绍可以参考  网页中使用的字体介绍 

经常在某些网页中看到一些特殊的效果:

比如一个红色的圆圈， 一个红色圆圈里面有一个数字。 等等。。。

这些看上去更像一个图， 一开始以为是使用svg 或是vml 来绘制的。但是查看源代码发现：

<span style="color:lime;FONT-FAMILY: Webdings;padding:0">n</span>

很简单，就是一个span 中的字符， 只不过使用了 Webdings 的字体。 看上去很神奇。

其实这种用法很常见， 从刚开始接触电脑， 接触office 的时候就有用到这种用法。