企鹅怎么改字体免费下载 如何灵活利用免费开源图标字体-IcoMoon
1.回顾过去，学习新的
我之前介绍过如何使用像fontforge这样的软件来创建自定义字符字体以及如何在网络上实际应用它们。
不过文中提到的是使用系统自带的一些特殊字体，比如WINGDNG3.ttf字体。
显然，系统自带的字体是有限的。好在前段时间，沉飞整理了一篇很有帮助的文章：《图标字体合集》，里面列出了很多免费或非免费的优秀图标字体（图片较长，滚动显示）：
或者查看由 css-tricker 网站编译的图标字体 – Flat Icons & Icon Fonts – 作者：Chris Coyier。
所以，无论我们需要什么图标，我们都可以直接将这些字体导入到fontforge中并进行修改！
用fontforge确实可以，但是肯定会被淘汰。为什么？因为有更好的方法 – IcoMoon。
这也不难理解：在没有空调的时代，有电风扇的自习室成了学生自习教室的首选——人满为患；后来，有的自习室装了空调，结果，原来有风扇的自习室就没有人关心了——人走了，房间就空了。
2.IcoMoon是什么？
打开IcoMoon网站常常给人一种错觉，认为它只是一个展示，就像上面列出的字体网站一样。
事实上，不，IcoMoon 的水要深得多。
这么说吧：假设上海梅园地区有100家卖衣服的小店，其中99家只是进货并向顾客卖衣服（这是大扫罗的图标字体）；然而，其中一家店不仅卖衣服，还可以根据用户需求定制，甚至其他店的衣服也可以根据客户要求进行修改，并且适合高矮胖瘦、各个年龄段的人。年龄，还有穿衣说明、试穿模特、包装和送货上门服务（这就是本文的IcoMoon），而且最重要的是企鹅怎么改字体免费下载，这家店是免费的。
这一点在IcoMoon中得到了体现：它提供了600+个角色，你可以根据自己的需要进行自定义（比如只选择两个）；您可以导入其他字体并自定义它们（类似于fontforge功能）；定制字体提供打包和导出功能（无需字体转换），兼容IE6+、现代浏览器和各种移动设备，带有演示示例和字符的HTML转换。
可谓是图标字体一站式服务，又称“图标解决方案”！
3、使用流程及操作演示
要进入，请单击下图所示的区域开始：
作为演示，我选择了三个图标，如下图：
插播：你可以自己标记每个图标（向上移动你会看到编辑，点击它），然后——
注：编辑框下方的下载会下载图标的svg格式的zip文件，保存复制按钮会在上方生成一个新图标，保存会替换原来的图标。
选择想要的图标后，点击页面底部黑条上方的f图标按钮即可生成字体：
然后您将看到如下所示的屏幕：
剩下的就是点击下面的下载图标来下载 zip 包文件：
您将获得 icomoon*.zip 文件。例如，如果您打开zip包icomoon1512.zip，您将看到有适合每个浏览器的字体和演示：
然后，你就可以用同样的方法使用这些图标形状的字体了！
4.IcoMoon demo中图标字体的使用介绍
演示中角色图标的显示使用了HTML5和一些先进的CSS技术。
关键代码如下：
[data-icon]:before {
font-family: 'IcoMoon';
content: attr(data-icon);
speak: none;
}
这意味着所有包含“data-icon”属性（HTML5 data-*）的标签都应该具有这种样式。生成之前的伪类和content内容，content内容为“data-icon”的属性值。
请参阅以下 HTML：
<div class="fs1" aria-hidden="true" data-icon="!">！是一个HTML传输字符，对应普通的!特点。转义的优点（据我估计）是不存在编码不兼容问题。
以上方法和技巧都比较新，所以显然，对于IE6~8浏览器来说，它们在屌丝眼里是最美的。因此，在实际的传统Web项目中并不适用（手机自然可以做到这一点）。
5.使用其他开源图标字体
尽管 IcoMoon 上有 600 多个图形，但它们可能无法满足我们的特定需求。例如，一个弯曲的角色头像形状正是我们所需要的，比如The Noun Project中的这个图标形状：
我们应该做什么？
“冷沙拉”显然行不通。我们可以利用IcoMoon平台进行“自我定制”。一般步骤如下：
1、下载字体文件（必须在官网有，不同的字体项目有不同的下载方式，有的是整体下载，有的可以单独下载，比如这里例子中的Noun项目）。
2.我们需要的是*.svg格式的文件（比如这里：noun_project_2552.svg）。
3. 在IcoMoon APP页面导入SVG文件，如下图：
然后，我们的自定义字体就会出现：
4~10.就像IcoMoon内置的600+字符操作一样，选择、编辑、删除、生成都已一步步演示，这里不再赘述。
6. 仍需结论
图标字体、字体图标高性能且易于维护。他们本身就是角色，因为他们可以享受许多CSS属性控制。之前我还担心制作不方便会影响使用。现在有了像 IcoMoon 这样的网站，我的工作变得更加轻松。所以企鹅怎么改字体免费下载，我觉得这篇文章的内容还是很实用的。我可以有把握地说，图标字体肯定会成为未来几年技术实现和相关设计风格的趋势。然而，中国的产品经理大多倾向于保守和盲目服从（大众点评/淘宝/腾讯这样做，我们也这样做......等等~~），他们的视野仅限于自己周围这么大的圈子（或国内）（因也是果）。因此，设计师即使有创新、不拘一格的灵魂，也会被实际的产品需求所埋没。
事实上，现在的信息交流是如此的方便和快捷。为什么国外有上百个图标字体相关的项目（开源与否），并且火了，引起关注和关注。然而在中国，它只是在某些时间某些地方突然出现（也许是我无知）。我不明白？或许是因为教育体制的原因，培养出的人习惯于追随潮流，缺乏开拓创新的精神。因此，我们多年来一直落后。有一天，Penguin、Fox、Eyes等公司都会转向扁平化设计和图标字体风格；我可以保证相关的技术文章会像泡沫一样到处飞扬，很多网站都会向它靠拢！签收~~
跟风是很常见的事情，尤其是在我们这样一个集团化国家，这种现象根深蒂固。比如我们现在说的HTML5，HTML5确实是个好东西，但是HTML5绝大多数是A组和B组； HTML5 A论坛和B论坛； HTML5 A 书和 B 书。很多不熟悉CSS/JS的人也跟着这股HTML5潮流，一下子成为了HTML5专家。演讲、分享等感觉很棒！这其实没什么，但可能会造成一些不必要的盲从。比如，有人担心：“现在HTML5这么火，大家都在关注，如果我不潜心学习，会不会失去什么？”于是，他们花高价买了一本中国人写的关于HTML5的书，并花时间阅读。研究它，学习它。
勤奋好学的精神令人敬佩，但实际的工作却吃力不讨好。中国有句成语，叫做“留底”。如果你不是做手机、游戏、图形处理的话，HTML5的东西基本没有什么实用价值，真正决定你未来高度的还是CSS/JS的基础。另外，如果你的CSS/JS足够扎实的话。以后学习HTML5，张无忌就学习乾坤大挪移（他已经打通了任督二脉）。所以，千万不要盲目跟风、跟风、浮躁！对于那些充满震撼力的HTML5相关的东西，看懂了就懂了。没有必要认真对待它们。更多地关注基础知识和实际应用。
还有一些HTML5的狂热追随者，他们应该停止吹嘘HTML5有多好，停止炫耀他们使用HTML5制作的应用程序。如果你真有精力，就多研究一些脚踏实地的事情，比如搭建一个像IcoMoon这样的平台。这才是真正具有实用价值的东西。这才是真正推动国内前端行业发展的原因。这才是真正让前端开发者受益的东西！
让我告诉你方法：IcoMoon 只能导入 SVG 格式字体。你可以改进它，这样TTF/WOFF等字体也可以使用（类似于fontsquirrel）。
参考文章：图标字体使用的 HTML
本文为原创文章，转载请注明来自张鑫旭-鑫空间-鑫生活[]
