使用Font Awesome Icon作为Favicon

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

是的。 只需要用所需的字符的东西截图,剪切你想要的部分,并将其保存为图像(.ico)。

现在严重的是,你可能想检查每个浏览器支持的格式: http : //en.wikipedia.org/wiki/Favicon#File_format_support

如果你的angular色是图片或vector文件,你可以在大多数浏览器中使用,但IE (因为MS不喜欢你) 。 否则的话,你必须首先将它们保存为图像。

我创build了一个在线的Font Awesome Favicon Generator来做到这一点!

见Font Awesome Favicon Generator 。

我还创build了一个在线Font Awesome Favicon Generator ,它具有Paul Ferrett解决scheme中缺less的其他function。

  • favicon在浏览器中的预览
  • 大小的图标
  • 透明的图标和背景
  • 巨大的图像大小(图标可以尽可能详细,你想要的)
  • iconset可以通过github pull请求更新
  • 更新06/2017更新为Font Awesome 4.7
  • 更新06/2017模糊search和关键字search
  • 更新09/2017堆积的图标

如果您需要其他function,请随时在此处提交问题或拉取请求。

任何图像可以上传到一个favicon生成器网站,如

http://favicon-generator.org/

要么

http://www.favicon.cc/

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

请注意,如果您的网站是本地的,则只有当您将该网站上传到您的虚拟主机时,才会在Chrome中显示图标。

为了兼容浏览器,我build议您总是使用图片作为图标。 即使您创build的某些网站仅适用于现代浏览器,仍会将您的图标转换为图片。 始终如一地使用相同的stream程可以让您减less一点担心。

这是不可能的,你可以使用直接的真棒字体字符作为favicon而不转换成图像。 您必须将字符转换成图像