Con font-weight normal, el texto con emoji se muestra sin ningún problema:
Pero después de configurar font-weight en bold , el emoji perderá su color:
El problema existe en Chrome en Windows (10 y 11), pero no en Firefox en Windows o Safari en iOS/macOS.
El problema parece haber sido introducido por una actualización muy reciente de Chrome/Windows, probablemente en noviembre de 2021.
Tuve el mismo problema cuando creé un sitio web en wordpress, usando el generador de páginas "Elementor".
Cuando intenté cargar un archivo SVG, todas las vistas en los otros archivos SVG en la misma página perdieron calidad. Eso sucedió porque todos los archivos SVG usaban el mismo nombre de clase en el documento que creó el generador de páginas "Elementor".
Para resolver este problema, tuve que cambiar la ID cuando cerré todos los archivos SVG, porque tenía estilos en línea incrustados cuando los cerré.
Esa es la respuesta que obtuve del soporte del complemento "Elementor":
"He intentado importar algunos de los archivos SVG que proporcionó, y parece que esto está sucediendo porque tiene estilos en línea en sus archivos SVG y están usando el mismo nombre de clase, "cls-1". Este nombre de clase se usa por la mayoría de sus archivos SVG, lo que provoca un conflicto cuando se colocan en la misma página. Si diseñó estos íconos con Illustrator, intente asignar una ID única. También puede editar manualmente estos archivos SVG y cambiar el nombre de la clase a uno único".
Por lo tanto, intente cambiar el nombre de la clase a una identificación única y borre el caché en su navegador.