你如何防止Android设备上的Chrome(或一般的手机网络浏览器)用非标准的Unicode符号代替Emojis？

您应该包含一个webfont,它支持您要使用的字符.

要在CSS中包含图标字体,请使用以下代码：

@font-face {
    font-family: 'myfont';
    src:url('fonts/myfont.eot?-td2xif');
    src:url('fonts/myfont.eot?#iefix-td2xif') format('embedded-opentype'),url('fonts/myfont.woff?-td2xif') format('woff'),url('fonts/myfont.ttf?-td2xif') format('truetype'),url('fonts/myfont.svg?-td2xif#myfont') format('svg');
    // Different URLs are required for optimal browser support
    // Make sure to :
    // 1) replace the URLs with your font's URLs
    // 2) replace `#myfont` with the name of your font
    font-weight: normal; // To avoid the font inherits boldness
    font-style: normal; // To avoid font inherits obliqueness or italic
}

.emoji {
    font-family: 'myfont',Verdana,Arial,sans-serif; // Use regular fonts as fallBACk
    speak: none; // To avoid screen readers trying to read the content
    font-style: normal; // To avoid font inherits obliqueness or italic
    font-weight: normal; // To avoid the font inherits boldness
    font-variant: normal; // To avoid the font inherits small-caps
    text-transform: none; // To avoid the font inherits capitalization/uppercase/lowercase
    line-height: 1; // To avoid the font inherits an undesired line-height
    -webkit-font-smoothing: antialiased; // For improved readability on Webkit
    -moz-osx-font-smoothing: grayscale; // For improved readability on OSX + Mozilla
}

然后,您可以包含这样的符号：

<span class="icon">&#9742;</span>
<span class="icon">&#9993;</span>

如果您不知道支持您的角色的webfont,您可以使用Icomoon App轻松创建一个.请参阅我的开源Emoji icon font,获取支持650个符号的Icon字体示例,这是我使用Icomoon App创建的.

如果您打算使用我的Icon字体(或任何其他图标字体),我建议您在Icomoon应用程序中编辑字体以删除除所需符号之外的所有符号,因为这会显着减少文件大小！

更多信息：

> Create webfont with Unicode Supplementary Multilingual Plane symbols