<head>
<!-- 其他现有的 head 内容 -->
<!-- 添加自定义 CSS -->
<style>
body {
font-family: "Twemoji Mozilla", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", sans-serif;
}
input, textarea {
font-family: inherit;
}
@font-face {
font-family: "Twemoji Mozilla";
src: url("https://cdn.jsdelivr.net/npm/twemoji-colr-font@14.0.2/twemoji.woff2") format("woff2");
font-display: swap;
}
</style>
<!-- 添加 Twemoji JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/twemoji@14.0.2/dist/twemoji.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/emoji-picker-element@1.15.0/index.js"></script>
<script>
window.onload = function() {
twemoji.parse(document.body, {
folder: 'svg',
ext: '.svg'
});
}
</script>
</head>
这样逻辑感觉可以,具体你测试下,看看能不能实现吧