Texto que a veces se convierte en emojis

Hay algunos caracteres Unicode que algunos navegadores simplemente deciden convertir en emojis. No podría decirte por qué exactamente, pero esto es lo que veo:

Esos caracteres de texto Unicode (▶, ↩ y ❤) aparecen como texto en Chrome, luego iOS Safari los convierte en emojis. Observe cómo cuando son texto, tengo la capacidad de cambiarlos color, pero no cuando se convierten en emoji.

Esos personajes de arriba también podrían convertirse en emojis para ti. Parecen texto en mi editor de WordPress. Encogimiento de hombros.

Esto se me ocurrió porque estaba ayudando a alguien con su sitio web y no le gustaban los “diamantes rojos” que aparecían. No los vi rojos hasta que miré mi teléfono.

Trabajé en una pequeña actualización del sitio para alguien y no le gustó que los caracteres de diamantes que usan en muchas páginas sean ROJOS. Estoy como… ¿rojo? Deberían ser simplemente caracteres de color de texto normales. Pero no, iOS Safari los convierte en emojis rojos. ¿O está pasando algo más? pic.twitter.com/Z0MJWgUHzv

– Chris Coyier (@chriscoyier) 15 de abril de 2021

︎︎El “Selector de presentación de texto”

Un par de personas me señalaron que si usas esto (︎︎ #xFE0E;) antes del carácter, “solicitará que se represente como texto”. Aquí está la especificación al respecto. Aunque no pude hacerlo funcionar.

¡Actualizar! ¡No es antes, se supone que será después! Like so ❤︎#xFE0E;. Eso parece funcionar para mí en iOS. Gracias David.

Aquí está mi prueba:

Lo que veo en iOS:

Leí en algunos hilos esporádicos que font-family: monospacetambién impedirían la conversión de emoji, pero tampoco funcionó para mí (aunque me dijeron que funciona específicamente en iPadOS).

Deja que sea un emoji, pero fuerza el color de todos los modos.

Si puedes seleccionar el elemento, incluso si los personajes se vuelven emoji, puedes forzarlos a usar un color. Aquí hay un ejemplo de Andrew Walpolea:

Preethi Sam escribió en su blog que también puedes usar text-shadowpara hacer lo mismo:

¡El problema en mi caso fue que no había ningún selector para usar! Los diamantes con los que estaba teniendo problemas estaban en cientos de publicaciones aleatorias en la base de datos.

Atornillarlo

Simplemente me di por vencido y ejecuté una búsqueda/reemplazo de MySQL en toda la base de datos (a través de Better Search Reemplazo) para deshacerme de ellos.

Matias Singers tiene más información sobre esto en “Símbolo Unicode como texto o emoji”.