我在使用 next.js 开发的网站上使用表情符号。目前，我通过将表情符号作为字符串复制并粘贴到下面显示的表情符号组件中来显示表情符号：
import React from "react";
interface Props {
symbol: string;
label: string;
}
const Emoji = ({ symbol, label }: Props) => (
<span
className="emoji"
role="img"
aria-label={label ? label : ""}
aria-hidden={label ? "false" : "true"}
>
{symbol}
</span>
);
export default Emoji;
问题是我的网站根据用户设备显示不同类型的表情符号。当然，这是有道理的，因为表情符号是 unicode，根据设备的不同会有不同的解释。
如何确保我的 nextjs 应用程序仅在所有类型的设备上呈现 IOS 表情符号？而且无需进行任何 CDN 调用。所有逻辑都在我的服务器上本地管理。
谢谢您的帮助！
到目前为止我尝试了什么来解决这个问题？
我读了很多文章并在谷歌上研究了解决方案，但找不到任何有用的东西。
我发现这个有用的资源可以解决我遇到的相同问题。