css - gulp 可以创建表情符号的图标字体任务吗？

Question

我正在尝试编写一个从 SVG 生成字体的脚本，该脚本有效(与 https://www.npmjs.com/package/gulp-iconfont 上提供的代码大致相同以供使用)

这很好，所以现在我真正的问题来了，是否可以使用 gulp 包生成两个彩色表情符号？如果可以，我可以获得链接以阅读更多相关信息或示例吗？

Answer 1

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

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

您可以考虑使用 negative space给出具有两种颜色的效果。但是，我找不到在表情符号中使用它的任何示例(只是进行了快速搜索)。

希望对您有所帮助。