Символ стрелки вверх не отображается в IE

Question

У меня проблема с символом https://www.htmlsymbols.xyz/unicode/U+1F861

:after{
            content: "\01F861";
}

Каждый браузер обычно отображает этот элемент, кроме IE.

Кто-нибудь знает, как обойти это?

Answer 1

Я проверил ваш код, он отобразит квадрат в браузере IE, это означает, что используемый шрифт не имеет глифа для этого символа.

В качестве обходного пути попробуйте использовать CSS Субъекты . Пожалуйста, проверьте следующий образец:

<style>
    .ribbon {
        background-color: #5BC8F7;
    }
        .ribbon::after {
            content: " \2191";
            background-color: #FFBA10;
        }
</style>
<span class="ribbon">Look at the orange box after this text. </span>

Результат в IE браузере, как показано ниже: