将 logo 制成字体图标

博客一直用IcoMoon的字体图标，使用字体图标的好处是当浏览器禁止显示图片的时候，这些图标也能正常显示，因为此时这些图标已经是特殊的文字了，今天闲着的时候把 logo（木瓜园三个字，方正草黄体）做成了字体图标，到 IcoMoon 网站一并导入到现有的图标集合中，也就是现在看到的木瓜园三个字。

制作字体图标

• 制作图标：
  绘制或者找到合适的图标，最好是 PNG 格式的，如果能自己绘图且能保存成 svg 格式，就没有必要再看下去了。
• 转制svg：
  网络上有很多在线转制工具，在线转制出 svg 格式的图标。此时的 svg 图标其实就是一大串字符，可以直接把这串代码贴到页面上，虽如此，仍然会被当作图片来处理，当浏览器禁用图片的时候仍然看不到，再有 IE8 以下的 IE 浏览器不支持 svg，话说回来，那又怎样。这里有一个大量使用 svg 格式图片的网站： mimoymima，用你的 4K 显示器前往观摩感受吧。
• 制作字体图标：
  导入到 IconMoon，转制成字体图标，下载到本地即可使用了。

字体图标的好处：

最直接的感受是在移动设备上显示比原来的图片要清晰锐利了。除此之外，转制成字体图标就是矢量的了，可以放心缩放；既然是字体了，就可以使用 CSS 样式调整大小、设置颜色等等。

坏处也是有的：

转制后比图片时竟然大了几 KB，这应该是特例；使用上比图片要麻烦一点，特别是后续添加或更改图标时尤其明显；IE6 不能正常显示。

IconMoon提供了大量的免费图标，已经足够使用了，如果还不能满足需求，它还提供收费的高级服务，更多图标库，云端存储等功能。

除了IconMoon，Font Awesome（GitHub）也是很好的选择。

发自 WordPress for Android