标签:div ati link tps ofo 作用 font blog static
其中不太明白的是\f309
这一段css表示:
在节点#twitter前面,插入一段内容("\f309")。
这个内容("\f309")是一个字符,f309是这个字符的16进制unicode编码。
不理解可以把 "\f309" 改成 "\6211" ,然后查看效果。事实上 content:"我" 和 content:"\6211" 的含义是一样的。
需要知道,计算机里面每个字符都有一个unicode编码,比如「我」的unicode是6211(16进制),而字体文件的作用是规定某个字符应该用什么形状来显示。
unicode字符集里面,E000 至 F8FF属于用户造字区。原本是空的,用户可以在字体文件里面随便定义这些字符的形状。我们所见的webfont icon,一般就选在这一部分。
(上面这段讲得可能不专业,大致知道是这么一回事就行。)
造字可以用Fontographer 5,参考这篇文章webfont应用系列(二)如何制作图标字体?
其实网上已经有一大堆免费好用webfont icon,比如:标签:div ati link tps ofo 作用 font blog static
原文地址:http://www.cnblogs.com/feng--fan/p/7581630.html