gulp创建表情符号的图标字体任务可能吗?

时间:2016-10-27 11:48:47

标签: css node.js html5 gulp icon-fonts

我试图创建一个从SVG生成字体的脚本,该脚本有效(与https://www.npmjs.com/package/gulp-iconfont提供的代码大致相同)以供使用)

所以这很好,所以现在我真正的问题来了,是否可以使用gulp包来生成两个彩色的表情符号?如果可以的话,我可以获得一个链接来阅读更多关于它的信息样?

1 个答案:

答案 0 :(得分:0)

字体图标是一种颜色 - 因为它们被Web浏览器视为文本。这样做可以应用color: red;之类的CSS规则。

可以制作双色SVG,并直接在带有<img>标签的DOM中使用它们。但是,对旧版浏览器(IE 8及更低版本)的支持是有限的。你需要某种后备(PNG图像效果很好)。

您可以考虑使用negative space来产生两种颜色的效果。但是,我找不到任何在emojis中使用的例子(只是快速搜索)。

我希望这会有所帮助。