Emojis changed to black & white

[kdean34]

I used emojis/icons to give students a visual reference as they look through a module. For example, the title for a reading assignment ends with 📗, and an instructional page ends with 💡. About a month ago, the icons all changed to black and white on the module page. If you open an item, the icon is in color, but the module tab is where I most want the color distinction. Any troubleshooting advice would be appreciated. 

[ShannahJohnson]

I have the same problem. I've also noticed that if I go to edit it, then the colored one appears in the edit. Just not in the actual title.

[jerry_nguyen · Accepted solution]

it only occurred on Google Chrome and this is a known issue that has been reported to Google (https://dev.to/inhuofficial/chrome-changed-emojis-in-headings-a-workaround-if-you-want-normal-emojis...). Basically, any emoji in bold will turn into outlines. 

A workaround, for now, is to apply custom CSS (https://community.canvaslms.com/t5/Admin-Guide/How-do-I-upload-custom-JavaScript-and-CSS-files-to-an...) to the title to a font-weight that is less than 600

span.title.locked_title {
    font-weight: 599 !important;
}
a.ig-title.title.item_link {
    font-weight: 599 !important;
}

[ShannahJohnson]

I noticed that it also happens on Microsoft Edge, but not Firefox.