html - 如果 HTML 中缺少表情符号，则显示一些文本

Question

如果缺少表情符号，HTML 或 Angular 是否有办法显示一些文本？例如，Windows 8 中缺少思考表情符号，因此我希望尽可能显示一些替代文本。

表情符号代码是🤔

我的 HTML 很简单:

<div ng-switch-when="folder"
     ng-bind-html="Some text &#x1f914;">
</div>

Answer 1

我建议使用 @font-face导入您知道的字体包含所需的 unicode 字符。然后，您可以为所有受影响的段落使用该字体，或者通过使用 unicode-range 只为“表情符号”使用该字体。描述符。

例子:

@font-face {
  font-family: 'Someemojifont';
  src: url('some-emoji-font.otf');
  unicode-range: U+1F914; /* thinking face */
}

我知道这不是手头问题的确切答案，但它可能仍然是引发问题的问题的有效解决方案。