estado - Insertar & veces; usando el pseudo elemento CSS

pseudo elementos del estado

Question

Estoy tratando de usar el carácter HTML × y veces como un icono de cierre en un enlace de diálogo

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

Firefox funciona con el ejemplo anterior y también usando

content: "/274c";

Chrome tampoco acepta y simplemente me da un cuadrado de personaje faltante. Estoy usando Arial como la fuente. ¿Qué debo hacer para que este navegador sea compatible?

Answer 1

La secuencia de escape que está utilizando no representa el × firmar. Representa U + 274C CROSS MARK, que es un símbolo completamente diferente (y que también está representado en emoji).

El punto de código de ×, como se menciona en los comentarios, es el SIGNO DE MULTIPLICACIÓN U + 00D7, que es lo que está buscando. La diferencia de tamaño se reduce a cómo se dibuja cada glifo de carácter en el tipo de letra.

Si un navegador no muestra U + 274C (o cualquier otro carácter dado), puede haber un problema con la fuente, el navegador o incluso la plataforma.

Answer 2

Podrías usar otros símbolos:

• U + 2716 - MULTIPLICACIÓN PESADA
• U + 1F5D9 - CANCELACIÓN

Para más opciones ver: marca X