Insert & times; с использованием псевдоэлемента CSS

Я пытаюсь использовать & times; & times HTML-символ в виде значка close в диалоговом окне

.close:before {
    content: "\0274c";
    display: block;
    text-align: center;
    vertical-align: middle;
}

Firefox работает с приведенным выше примером, а также с помощью

content: "\274c";

Chrome не согласится и просто дает мне недостающий квадрат символов. Я использую Arial как шрифт. Что мне нужно сделать, чтобы сделать этот кросс-браузер совместимым?

Ответы

Ответ 1

Управляющая последовательность, которую вы используете, не представляет знак ×. Он представляет собой U + 274C CROSS MARK, который является совсем другим символом (и тот, который также представляется в emoji).

Кодовое число ×, как указано в комментариях, является U + 00D7 MULTIPLICATION SIGN, что и есть то, что вы ищете. Разница в размере сводится к тому, как каждый символ символа рисуется в шрифте.

Если браузер не отображает U + 274C (или любой другой заданный символ, если на то пошло), это может быть проблемой как с шрифтом, так и с браузером или даже с платформой.