使用Font Awesome Icon作为Favicon

Question

是否可以使用Font Awesome图标作为favicon图标？你知道，浏览器标签中出现在网站标题旁边的小图标吗？

Answer 1

是的。只需截取具有所需字符的截图，剪切所需的部分并将其另存为图像（.ico）。

严肃地说，您可能想要检查每个浏览器支持的格式：http://en.wikipedia.org/wiki/Favicon#File_format_support

如果你的角色是图像或矢量文件，你可以使用大多数浏览器而不是IE （因为MS讨厌你） 。否则，你真的必须先将它们保存为图像。

Answer 2

编辑：我建议你使用http://gauger.io/fonticon

---

我已经创建了一个在线Font Awesome Favicon Generator来做到这一点！

见Font Awesome Favicon Generator。

Answer 3

我还创建了一个在线Font Awesome Favicon Generator，它具有Paul Ferrett解决方案中缺少的其他功能。

• favicon的预览直播在浏览器中
• 图标的大小
• 透明的图标和背景
• 巨大的图像大小（图标可以像你想要的那样详细）
• iconset可以通过github pull请求更新
• 更新06/2017更新至Font Awesome 4.7
• 更新06/2017模糊搜索和关键字搜索
• 更新09/2017堆积的图标
• 更新06/2018更新到Font Awesome 5.0.13
• 更新11/2018更新到Font Awesome 5.5.0
• 更新04/2019更新到Font Awesome 5.8.1
• 更新04/2019增加了对Font Awesome Pro的支持！

如果您想要其他功能，请随时提交问题或拉取请求here。

Answer 4

任何图像都可以上传到favicon生成器站点，例如

http://favicon-generator.org/

要么

http://www.favicon.cc/

按照您选择的网站上的在线说明进行操作。它通常只是一个三步过程。将favicon保存在站点的顶层。

为了跨浏览器兼容，我建议始终使用图像作为favicons。即使您创建的某些网站仅适用于现代浏览器，仍会将您的favicon图稿转换为图片。始终如一地使用相同的过程可以让您少担心。

Answer 5

如果不转换为图像，则无法使用直接可怕的字体字符作为图标。你必须将角色转换成图像..