brave-browser: Emoji not displaying correctly

EDIT:

See comments for where this issue is still surfacing. It’s definitely not limited to just me.

Description

Emoji do not appear anymore at all, a blank rectangle is displayed instead.

Work-around

See https://github.com/brave/brave-browser/issues/7397#issuecomment-572756439

Steps to Reproduce

Open any website with emoji such as Twitter. Emoji can also be copypasted from Emojipedia. I had one in a bookmark which is also not displaying correctly anymore.

Actual result:

Expected result:

orange heart emoji

Reproduces how often:

always

Brave version (brave://version info)

Brave	1.1.21 Chromium: 79.0.3945.79 (Official Build) (64-bit)
Revision	29f75ce3f42b007bd80361b0dfcfee3a13ff90b8-refs/branch-heads/3945@{#916}
OS	Linux
JavaScript	V8 7.9.317.31
Flash	(Disabled)
User Agent	Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.79 Safari/537.36
Command Line	/opt/brave.com/brave/brave --enable-dom-distiller --disable-domain-reliability --no-pings --extension-content-verification=enforce_strict --extensions-install-verification=enforce --enable-oop-rasterization=Enabled --sync-url=https://no-thanks.invalid --enable-features=PasswordImport,WebUIDarkMode,SimplifyHttpsIndicator --disable-features=AutofillServerCommunication,NotificationTriggers,AudioServiceOutOfProcess,SmsReceiver,LookalikeUrlNavigationSuggestionsUI,WebXR,WebXrGamepadModule,UnifiedConsent,AllowPopupsDuringPageUnload,SyncUSSBookmarks --flag-switches-begin --flag-switches-end --disable-webrtc-apm-in-audio-service
Executable Path	/opt/brave.com/brave/brave
Profile Path	/home/mitsunee/.config/BraveSoftware/Brave-Browser/Default

Version/Channel Information:

Can you reproduce this issue with the current release? Yes

Other Additional Information:

Does the issue resolve itself when disabling Brave Shields? No
Does the issue resolve itself when disabling Brave Rewards? No
Is the issue reproducible on the latest version of Chrome? I do not have Chrome, the issue does not appear in Discord (Client) if that helps.

Miscellaneous Information:

I don’t know if graphics drivers are related to fonts in any way but I recently updated to nvidia driver 430, tho I have noticed a broken emoji in bookmarks about 2 brave updates prior.

About this issue

Original URL
State: closed
Created 5 years ago
Comments: 21 (4 by maintainers)

Most upvoted comments

I had the same issue with the latest release (on Ubuntu 19.10) and fixed it by removing and reinstalling fonts-noto-color-emoji. Might help you people.

+13

protortyp on Jan 9, 2020

for future reference, I upgraded to Kubuntu19.10:

Brave	1.1.22 Chromium: 79.0.3945.79 (Official Build) (64-bit)
Revision	29f75ce3f42b007bd80361b0dfcfee3a13ff90b8-refs/branch-heads/3945@{#916}
OS	Linux
JavaScript	V8 7.9.317.31
Flash	(Disabled)
User Agent	Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.79 Safari/537.36
Command Line	/opt/brave.com/brave/brave --enable-dom-distiller --disable-domain-reliability --no-pings --extension-content-verification=enforce_strict --extensions-install-verification=enforce --enable-oop-rasterization=Enabled --sync-url=https://no-thanks.invalid --enable-features=PasswordImport,WebUIDarkMode,SimplifyHttpsIndicator --disable-features=AutofillServerCommunication,SyncUSSBookmarks,AllowPopupsDuringPageUnload,WebXR,AudioServiceOutOfProcess,SmsReceiver,LookalikeUrlNavigationSuggestionsUI,NotificationTriggers,WebXrGamepadModule,UnifiedConsent --flag-switches-begin --flag-switches-end --disable-webrtc-apm-in-audio-service
Executable Path	/opt/brave.com/brave/brave
Profile Path	/home/mitsunee/.config/BraveSoftware/Brave-Browser/Default

Issue still unchanged, no emoji display in any textboxes, bookmarks or anything while they do display in most other software (spotify doesn’t, but that’s the smallest issue that software has on linux…)

Mitsunee on Dec 18, 2019

Going to close this out - but @Mitsunee please let us know if @srirambv 's suggestion fixes the issue 😄 If not, we can re-open and investigate more

bsclifton on Dec 17, 2019

I realised this problem also occurs on Google Chrome, so is something realted to Chromium.

The solution from @chrsengel seems to work. I tried sudo apt-get reinstall fonts-noto-color-emoji and after closing all Brave / Google Chrome Windows and reopening is working in both browsers

aparedero on Jan 10, 2020

Update: This is the bug in Chromium: https://bugs.chromium.org/p/chromium/issues/detail?id=1266022

Having the issue here in Windows. Happens on Chrome, Edge, and Brave so it’s a Chromium issue it would seem. Been having this happen in some sites and not others. In Trello is where I noticed it specifically. Looks like there’s something to do with font-weight being applied. At a font-weight of 500 or lower everything is fine. At 600 or higher, the outlines show instead of the font itself.

markbazin on Dec 10, 2021

update: I keep having to repeat the workaround after every new update and/or reboot, which is especially annoying because I have to reboot a lot due to a problem with the nvidia drivers…

Mitsunee on Jan 24, 2020

closing this again as there’s not been any activity and I stopped using this software. If anyone here still has emoji issues I’d recommend opening a new Issue for that specific case.

I’d like to note that it seems a good portion of the emoji-related issues are coming from chromium and aren’t specific to Brave (I lost my bookmark emojis during the transition to a different browser), so possibly try recreating the problem in Chromium and reporting it there instead.

Mitsunee on Jul 11, 2022

I already put a like reaction to show that I tried it and it worked. As I don’t know how it worked I didn’t leave a comment.

Mitsunee on Jan 13, 2020