Emojis changed to black & white

Jump to solution
Community Member

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. 

1 Solution
Community Contributor

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;



View solution in original post