unicode字符集里面,E000 至 F8FF属于用户造字区。原本是空的,用户可以在字体文件里面随便定义这些字符的形状。我们所见的webfont icon,一般就选在这一部分。
(上面这段讲得可能不专业,大致知道是这么一回事就行。)
要使用自定义字符,大致步骤是:
自己造一个字体文件,把e000所对应的字符形状画上新浪的icon,保存为常用字体文件格式。
在css中使用font-face引用这个字体文件,任意命名(不和已有的重复,比如叫myfonticon)
需要显示图标的地方定义font-family为myfonticon,content属性设为"\e000"。
你直接另存为svg就可以,会生成一个xml文档,用编辑器打开,举例一下效果在css中可设置一些效果和动画
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red"/>
</svg>