Hay algunos caracteres Unicode que algunos navegadores simplemente deciden que van a convertir en emojis para ti. No podría decirte por qué exactamente, pero esto es lo que veo:
Chrome a la izquierda. Safari en el simulador de arriba y a la derecha.
Esos caracteres de texto Unicode (▶, ↩ y, ❤) aparecen como texto en Chrome, luego iOS Safari los convierte en emojis. Observe cómo cuando son mensajes de texto, tengo la capacidad de cambiar su color, pero no cuando se convierten en emoji.
Esos personajes de arriba también pueden 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 en rojo hasta que miré mi teléfono.
Trabajó en una pequeña actualización del sitio para alguien, y no le gustó cómo los caracteres de diamante que usan en muchas páginas son ROJOS. Estoy como … ¿rojo? Deben ser solo caracteres normales de color de texto. 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 usa esto (︎︎︎) antes del carácter, “solicitará que se represente como texto”. Aquí está la especificación sobre eso. Sin embargo, no pude hacer que funcionara.
¡Actualizar! ¡No es antes, se supone que es después! Asi como ❤︎︎. 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: monospace también evitaría la conversión de emoji, pero eso tampoco funcionó para mí (aunque me dijeron que funciona específicamente en iPadOS).
Que sea un emoji, pero fuerce el color de todos modos.
Si puede seleccionar el elemento, incluso si los personajes se vuelven emoji, podría forzarlos a que adopten un color. Aquí hay un ejemplo de Andrew Walpolea:
Preethi Sam escribió en un blog que también puedes usar text-shadow hacer lo mismo:
¡El problema en mi caso fue que no había ningún selector para usar! Los diamantes con los que tenía problemas estaban en cientos de publicaciones aleatorias en la base de datos.
Atornillarlo
Me di por vencido y ejecuté una búsqueda / reemplazo de MySQL en toda la base de datos (a través de Better Search Replace) para deshacerme de ellos.
Matias Singers tiene más información sobre esto en “Símbolo Unicode como texto o emoji”.