使用 Emoji 做网站的 Favicon

科技1年前 (2023)发布 iowen
186 0 0

我们知道 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 代码了:

使用 Emoji 做网站的 Favicon

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

推荐阅读:




点击下面公众号卡片关注「WordPress果酱」
每天分享 WordPress 使用技巧
⏬⏬ 下载 WPJAM Basic 请点击阅读原文
© 版权声明

相关文章

暂无评论

暂无评论...