使用 Emoji 做网站的 Favicon

我们知道 Emoji 看起来像是图标,实际上是字符,并不是图片,所以不能当做图片来使用,所以如果使用 Emoji 做网站的 Favicon,不能像图片一样使用,比如「WordPress果酱」站点的 Favicon:

<link rel="shortcut icon" href="https://cdn.wpjam.com/wpjam/images/favicon.ico">

使用 Emoji 做为网站的 Favicon

那么如果要使用 Emoji 做为网站的 Favicon 怎么操作呢?比如我要用 🐠 这个 Emoji 字符来给「WordPress果酱」做的 Favicon,把上面的代码替换成:

<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%220.9em%22  font-size=%2290%22>🐠</text></svg>">

效果如下所示:

获取和使用 Emoji Favicon 代码

所以很简单,只要将上面的 Emoji 字符换成自己的喜欢的 Emoji 字符就可以了,如果你还不会,我在公众号里面也提供了对应的工具,你只要回复对应的关键字,然后输入 Emoji 字符,就能获取 Emoji Favicon 代码了:

然后长按复制代码,然后打开 WPJAM Basic 插件的「样式定制」,把上面的代码复制到前台 Head 代码即可:


©我爱水煮鱼,本站推荐使用的主机:阿里云,国外主机建议使用BlueHost

本站长期承接 WordPress 优化建站业务,请联系微信:「chenduopapa」。

标签: Favicon

热门文章