You are not logged in.

Pages: 1

#1 2025-12-16 13:49:46

SD
Member
Registered: 2025-01-04
Posts: 43

[SOLVED] Color emoji not showing up

Most of the emoji that appear in the browser, Discord/Vesktop or any other applications, do not show with color, merely the black and white outline. Some do show without issue but it's mostly not rendering properly. I have installed most fonts I've seen mentioned around like noto-fonts noto-fonts-emoji noto-fonts-color-emoji, reinstalled, did 

fc-cache -vf

, restarted and nothing seems to work. This is my config file on ~/.config/fontconfig, which I have changed a few times but no difference 

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE fontconfig SYSTEM 'fonts.dtd'>
<fontconfig>
 <alias>
  <family>serif</family>
  <prefer>
   <family>Noto Sans</family>
   <family>Noto Color Emoji</family>
  </prefer>
 </alias>
 <alias>
  <family>sans-serif</family>
  <prefer>
   <family>Noto Sans</family>
   <family>Noto Color Emoji</family>
  </prefer>
 </alias>
 <alias>
  <family>monospace</family>
  <prefer>
   <family>Noto Sans</family>
   <family>Noto Color Emoji</family>
  </prefer>
 </alias>
 <dir>~/.fonts</dir>
 <match target="font">
  <edit name="hinting" mode="assign">
   <bool>true</bool>
  </edit>
 </match>
 <match target="font">
  <edit name="hintstyle" mode="assign">
   <const>hintslight</const>
  </edit>
 </match>
</fontconfig>

I think I may have some fonts installed that are conflicting with what is supposed to be there but can't really figure out the issue, it's probably the fontconfig, right?

Last edited by SD (2025-12-17 10:23:06)

Offline

#2 2025-12-16 14:03:43

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

To add, I seem to have about 6 or 7 Gib worth of ttf fonts on /usr/share/fonts so is the problem having duplicate fonts or something like that?

Offline

#3 2025-12-16 15:28:42

seth
Member
From: Don't DM me only for attention
Registered: 2012-09-03
Posts: 73,680

Re: [SOLVED] Color emoji not showing up

Most of the emoji

Name one.
You can eg. 

fc-match -s :charset=1F3E0

to see which fonts (and in what preference) are prooviding https://www.emojiall.com/en/code/1F3E0

I seem to have about 6 or 7 Gib worth of ttf fonts on /usr/share/fonts

I guess you're gonna need help with that, but nobody here is competent to treat this kind of problem tongue

How to upload text · How to boot w/o GUI · Disable Windows Fast-Start! · Fix your xinitrc

Offline

#4 2025-12-16 15:42:35

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

Ones like these: ? ? ? are just black and white for me in both browser and Discord. However, it shows with color on my hyprpanel, the first one. Happens with others as well like  ? ? where in the browser it has no color but Hyprpanel works.
When I input the command above I get this: 

EmojiOneColor-SVGinOT.ttf: "EmojiOne Color" "Regular"
Font Awesome 7 Free-Regular-400.otf: "Font Awesome 7 Free" "Regular"
NotoColorEmoji.ttf: "Noto Color Emoji" "Regular"
NotoSansSymbols2-Regular.ttf: "Noto Sans Symbols 2" "Regular"
Font Awesome 7 Free-Solid-900.otf: "Font Awesome 7 Free" "Solid"
Vera.ttf: "Bitstream Vera Sans" "Roman"
DejaVuSans.ttf: "DejaVu Sans" "Book"
DejaVuSans-Bold.ttf: "DejaVu Sans" "Bold"
DejaVuSans-Oblique.ttf: "DejaVu Sans" "Oblique"
DejaVuSans-BoldOblique.ttf: "DejaVu Sans" "Bold Oblique"
NotoSans-Regular.ttf: "Noto Sans" "Regular"
NimbusSans-Regular.otf: "Nimbus Sans" "Regular"
FreeSans.otf: "FreeSans" "Regular"
CaskaydiaCoveNerdFont-Regular.ttf: "CaskaydiaCove Nerd Font" "Regular"
Font Awesome 7 Brands-Regular-400.otf: "Font Awesome 7 Brands" "Regular"
FreeMono.otf: "FreeMono" "Regular"
FreeSerif.otf: "FreeSerif" "Regular"
IosevkaNerdFont-Regular.ttf: "Iosevka Nerd Font" "Regular"
AdwaitaMono-Regular.ttf: "Adwaita Mono" "Regular"
FiraCode-Regular.ttf: "Fira Code" "Regular"
ipaexg.ttf: "IPAexGothic" "Regular"
NotoNastaliqUrdu-Regular.ttf: "Noto Nastaliq Urdu" "Regular"
NotoSansAdlamUnjoined-Regular.ttf: "Noto Sans Adlam Unjoined" "Regular"
HackNerdFont-Regular.ttf: "Hack Nerd Font" "Regular"
NotoSansDuployan-Regular.ttf: "Noto Sans Duployan" "Regular"
NotoSansMongolian-Regular.ttf: "Noto Sans Mongolian" "Regular"
NotoSansWarangCiti-Regular.ttf: "Noto Sans Warang Citi" "Regular"
NotoSansHebrew-Regular.ttf: "Noto Sans Hebrew" "Regular"
3270NerdFont-Condensed.ttf: "3270 Nerd Font" "Condensed"
NotoSansBengali-Regular.ttf: "Noto Sans Bengali" "Regular"
NotoSansMath-Regular.ttf: "Noto Sans Math" "Regular"
NotoSansSinhala-Regular.ttf: "Noto Sans Sinhala" "Regular"
DejaVuSerif.ttf: "DejaVu Serif" "Book"
JetBrainsMonoNLNerdFont-Regular.ttf: "JetBrainsMonoNL Nerd Font" "Regular"
NotoSerifTangut-Regular.ttf: "Noto Serif Tangut" "Regular"
NotoKufiArabic-Regular.ttf: "Noto Kufi Arabic" "Regular"
NotoSansMyanmar-Regular.ttf: "Noto Sans Myanmar" "Regular"
NotoSansGujarati-Regular.ttf: "Noto Sans Gujarati" "Regular"
NotoSansMalayalam-Regular.ttf: "Noto Sans Malayalam" "Regular"
NotoSerifTibetan-Regular.ttf: "Noto Serif Tibetan" "Regular"
NotoSansEthiopic-Regular.ttf: "Noto Sans Ethiopic" "Regular"
NotoSansHanifiRohingya-Regular.ttf: "Noto Sans Hanifi Rohingya" "Regular"
NotoSansLisu-Regular.ttf: "Noto Sans Lisu" "Regular"
NotoSansSoraSompeng-Regular.ttf: "Noto Sans Sora Sompeng" "Regular"
HasklugNerdFont-Regular.otf: "Hasklug Nerd Font" "Regular"
NotoSansNerdFont-Regular.ttf: "NotoSans Nerd Font" "Regular"
GoMonoNerdFont-Regular.ttf: "GoMono Nerd Font" "Regular"
NotoSansNewa-Regular.ttf: "Noto Sans Newa" "Regular"
NotoSerifAhom-Regular.ttf: "Noto Serif Ahom" "Regular"
NotoSerifBalinese-Regular.ttf: "Noto Serif Balinese" "Regular"
NotoSansBalinese-Regular.ttf: "Noto Sans Balinese" "Regular"
NotoSansDevanagari-Regular.ttf: "Noto Sans Devanagari" "Regular"
NotoSansKaithi-Regular.ttf: "Noto Sans Kaithi" "Regular"
NotoSansKannada-Regular.ttf: "Noto Sans Kannada" "Regular"
NotoSansLepcha-Regular.ttf: "Noto Sans Lepcha" "Regular"
NotoSansOriya-Regular.ttf: "Noto Sans Oriya" "Regular"
NotoSansSharada-Regular.ttf: "Noto Sans Sharada" "Regular"
NotoSansTifinagh-Regular.ttf: "Noto Sans Tifinagh" "Regular"
NotoSansZanabazarSquare-Regular.ttf: "Noto Sans Zanabazar Square" "Regular"
NotoSansCaucasianAlbanian-Regular.ttf: "Noto Sans Caucasian Albanian" "Regular"
NotoSansCham-Regular.ttf: "Noto Sans Cham" "Regular"
NotoSansGeorgian-Regular.ttf: "Noto Sans Georgian" "Regular"
NotoSansGrantha-Regular.ttf: "Noto Sans Grantha" "Regular"
NotoSansJavanese-Regular.ttf: "Noto Sans Javanese" "Regular"
NotoSansKhojki-Regular.ttf: "Noto Sans Khojki" "Regular"
NotoSansLimbu-Regular.ttf: "Noto Sans Limbu" "Regular"
NotoSansManichaean-Regular.ttf: "Noto Sans Manichaean" "Regular"
NotoSansOldHungarian-Regular.ttf: "Noto Sans Old Hungarian" "Regular"
NotoSansSiddham-Regular.ttf: "Noto Sans Siddham" "Regular"
NotoSansSignWriting-Regular.ttf: "Noto Sans SignWriting" "Regular"
NotoSansSundanese-Regular.ttf: "Noto Sans Sundanese" "Regular"
NotoSansTakri-Regular.ttf: "Noto Sans Takri" "Regular"
NotoSansTelugu-Regular.ttf: "Noto Sans Telugu" "Regular"
NotoSerifKhojki-Regular.ttf: "Noto Serif Khojki" "Regular"
BlexMonoNerdFont-Regular.ttf: "BlexMono Nerd Font" "Regular"
NotoSansCJK-Regular.ttc: "Noto Sans CJK JP" "Regular"
NotoSansBatak-Regular.ttf: "Noto Sans Batak" "Regular"
NotoSansBrahmi-Regular.ttf: "Noto Sans Brahmi" "Regular"
NotoSansCanadianAboriginal-Regular.ttf: "Noto Sans Canadian Aboriginal" "Regular"
NotoSansCoptic-Regular.ttf: "Noto Sans Coptic" "Regular"
NotoSansElbasan-Regular.ttf: "Noto Sans Elbasan" "Regular"
NotoSansGlagolitic-Regular.ttf: "Noto Sans Glagolitic" "Regular"
NotoSansGurmukhi-Regular.ttf: "Noto Sans Gurmukhi" "Regular"
NotoSansInscriptionalPahlavi-Regular.ttf: "Noto Sans Inscriptional Pahlavi" "Regular"
NotoSansInscriptionalParthian-Regular.ttf: "Noto Sans Inscriptional Parthian" "Regular"
NotoSansKharoshthi-Regular.ttf: "Noto Sans Kharoshthi" "Regular"
NotoSansKhmer-Regular.ttf: "Noto Sans Khmer" "Regular"
NotoSansKhudawadi-Regular.ttf: "Noto Sans Khudawadi" "Regular"
NotoSansMarchen-Regular.ttf: "Noto Sans Marchen" "Regular"
NotoSansModi-Regular.ttf: "Noto Sans Modi" "Regular"
NotoSansNKo-Regular.ttf: "Noto Sans NKo" "Regular"
NotoSansNewTaiLue-Regular.ttf: "Noto Sans New Tai Lue" "Regular"
NotoSansOldItalic-Regular.ttf: "Noto Sans Old Italic" "Regular"
NotoSansOldTurkic-Regular.ttf: "Noto Sans Old Turkic" "Regular"
NotoSansPhagsPa-Regular.ttf: "Noto Sans PhagsPa" "Regular"
NotoSansSylotiNagri-Regular.ttf: "Noto Sans Syloti Nagri" "Regular"
NotoSansTaiViet-Regular.ttf: "Noto Sans Tai Viet" "Regular"
NotoMusic-Regular.ttf: "Noto Music" "Regular"
NotoSansAvestan-Regular.ttf: "Noto Sans Avestan" "Regular"
NotoSansChakma-Regular.ttf: "Noto Sans Chakma" "Regular"
NotoSansLao-Regular.ttf: "Noto Sans Lao" "Regular"
NotoSansMahajani-Regular.ttf: "Noto Sans Mahajani" "Regular"
NotoSansMandaic-Regular.ttf: "Noto Sans Mandaic" "Regular"
NotoSansMendeKikakui-Regular.ttf: "Noto Sans Mende Kikakui" "Regular"
NotoSansMiao-Regular.ttf: "Noto Sans Miao" "Regular"
NotoSansOlChiki-Regular.ttf: "Noto Sans Ol Chiki" "Regular"
NotoSansOldSogdian-Regular.ttf: "Noto Sans Old Sogdian" "Regular"
NotoSansPsalterPahlavi-Regular.ttf: "Noto Sans Psalter Pahlavi" "Regular"
NotoSansRejang-Regular.ttf: "Noto Sans Rejang" "Regular"
NotoSansSymbols-Regular.ttf: "Noto Sans Symbols" "Regular"
NotoSansTirhuta-Regular.ttf: "Noto Sans Tirhuta" "Regular"
NotoTraditionalNushu-Regular.ttf: "Noto Traditional Nushu" "Regular"
NotoSerifCJK-Regular.ttc: "Noto Serif CJK JP" "Regular"
NotoSansBamum-Regular.ttf: "Noto Sans Bamum" "Regular"
NotoSansBassaVah-Regular.ttf: "Noto Sans Bassa Vah" "Regular"
NotoSansBhaiksuki-Regular.ttf: "Noto Sans Bhaiksuki" "Regular"
NotoSansCarian-Regular.ttf: "Noto Sans Carian" "Regular"
NotoSansCypriot-Regular.ttf: "Noto Sans Cypriot" "Regular"
NotoSansEgyptianHieroglyphs-Regular.ttf: "Noto Sans Egyptian Hieroglyphs" "Regular"
NotoSansImperialAramaic-Regular.ttf: "Noto Sans Imperial Aramaic" "Regular"
NotoSansIndicSiyaqNumbers-Regular.ttf: "Noto Sans Indic Siyaq Numbers" "Regular"
NotoSansLinearA-Regular.ttf: "Noto Sans Linear A" "Regular"
NotoSansLinearB-Regular.ttf: "Noto Sans Linear B" "Regular"
NotoSansLycian-Regular.ttf: "Noto Sans Lycian" "Regular"
NotoSansLydian-Regular.ttf: "Noto Sans Lydian" "Regular"
NotoSansMeeteiMayek-Regular.ttf: "Noto Sans Meetei Mayek" "Regular"
NotoSansMeroitic-Regular.ttf: "Noto Sans Meroitic" "Regular"
NotoSansMultani-Regular.ttf: "Noto Sans Multani" "Regular"
NotoSansOsage-Regular.ttf: "Noto Sans Osage" "Regular"
NotoSansPauCinHau-Regular.ttf: "Noto Sans Pau Cin Hau" "Regular"
NotoSansRunic-Regular.ttf: "Noto Sans Runic" "Regular"
NotoSansSaurashtra-Regular.ttf: "Noto Sans Saurashtra" "Regular"
NotoSansSogdian-Regular.ttf: "Noto Sans Sogdian" "Regular"
NotoSansTagalog-Regular.ttf: "Noto Sans Tagalog" "Regular"
NotoSansTaiTham-Regular.ttf: "Noto Sans Tai Tham" "Regular"
NotoSansYi-Regular.ttf: "Noto Sans Yi" "Regular"
NotoSerifToto-Regular.ttf: "Noto Serif Toto" "Regular"
NotoSansAnatolianHieroglyphs-Regular.ttf: "Noto Sans Anatolian Hieroglyphs" "Regular"
NotoSansBuhid-Regular.ttf: "Noto Sans Buhid" "Regular"
NotoSansCherokee-Regular.ttf: "Noto Sans Cherokee" "Regular"
NotoSansCuneiform-Regular.ttf: "Noto Sans Cuneiform" "Regular"
NotoSansDeseret-Regular.ttf: "Noto Sans Deseret" "Regular"
NotoSansHatran-Regular.ttf: "Noto Sans Hatran" "Regular"
NotoSansMro-Regular.ttf: "Noto Sans Mro" "Regular"
NotoSansNabataean-Regular.ttf: "Noto Sans Nabataean" "Regular"
NotoSansOldNorthArabian-Regular.ttf: "Noto Sans Old North Arabian" "Regular"
NotoSansOldPermic-Regular.ttf: "Noto Sans Old Permic" "Regular"
NotoSansOldSouthArabian-Regular.ttf: "Noto Sans Old South Arabian" "Regular"
NotoSansPahawhHmong-Regular.ttf: "Noto Sans Pahawh Hmong" "Regular"
NotoSansPalmyrene-Regular.ttf: "Noto Sans Palmyrene" "Regular"
NotoSansSamaritan-Regular.ttf: "Noto Sans Samaritan" "Regular"
NotoSansShavian-Regular.ttf: "Noto Sans Shavian" "Regular"
NotoSansSoyombo-Regular.ttf: "Noto Sans Soyombo" "Regular"
NotoSansTagbanwa-Regular.ttf: "Noto Sans Tagbanwa" "Regular"
NotoSansTamilSupplement-Regular.ttf: "Noto Sans Tamil Supplement" "Regular"
NotoSansWancho-Regular.ttf: "Noto Sans Wancho" "Regular"
NotoSerifDivesAkuru-Regular.ttf: "Noto Serif Dives Akuru" "Regular"
FantasqueSansMNerdFont-Regular.ttf: "FantasqueSansM Nerd Font" "Regular"
NotoSansTangsa-Regular.ttf: "Noto Sans Tangsa" "Regular"
NotoSansCyproMinoan-Regular.ttf: "Noto Sans Cypro Minoan" "Regular"
D2CodingLigatureNerdFont-Regular.ttf: "D2CodingLigature Nerd Font" "Regular"
NotoSerifDogra-Regular.ttf: "Noto Serif Dogra" "Regular"
M+1CodeNerdFont-Regular.ttf: "M+1Code Nerd Font" "Regular"
NotoSerifOttomanSiyaq-Regular.ttf: "Noto Serif Ottoman Siyaq" "Regular"
NotoSansMasaramGondi-Regular.ttf: "Noto Sans Masaram Gondi" "Regular"
NotoSerifVithkuqi-Regular.ttf: "Noto Serif Vithkuqi" "Regular"
NotoSansChorasmian-Regular.ttf: "Noto Sans Chorasmian" "Regular"
NotoSansGunjalaGondi-Regular.ttf: "Noto Sans Gunjala Gondi" "Regular"
NotoSerifOldUyghur-Regular.ttf: "Noto Serif Old Uyghur" "Regular"
NotoSansNandinagari-Regular.ttf: "Noto Sans Nandinagari" "Regular"
NotoZnamennyMusicalNotation-Regular.ttf: "Noto Znamenny Musical Notation" "Regular"
OverpassMNerdFont-Regular.otf: "OverpassM Nerd Font" "Regular"
NotoSansElymaic-Regular.ttf: "Noto Sans Elymaic" "Regular"
NotoSansMedefaidrin-Regular.ttf: "Noto Sans Medefaidrin" "Regular"
NotoSansTest-Regular.ttf: "Noto Sans Test" "Regular"
NotoSansNagMundari-Regular.ttf: "Noto Sans Nag Mundari" "Regular"
NotoSerifMakasar-Regular.ttf: "Noto Serif Makasar" "Regular"
NotoSerifNPHmong-Regular.ttf: "Noto Serif NP Hmong" "Regular"
NotoSerifYezidi-Regular.ttf: "Noto Serif Yezidi" "Regular"
BigBlueTermPlusNerdFont-Regular.ttf: "BigBlueTermPlus Nerd Font" "Regular"
ZedMonoNerdFont-Regular.ttf: "ZedMono Nerd Font" "Regular"
NotoFangsongKSSRotated-Regular.ttf: "Noto Fangsong KSS Rotated" "Regular"
NotoSansKawi-Regular.ttf: "Noto Sans Kawi" "Regular"
NotoSansSunuwar-Regular.ttf: "Noto Sans Sunuwar" "Regular"
NotoSerifHentaigana-Regular.ttf: "Noto Serif Hentaigana" "Regular"
NotoSerifTodhri-Regular.ttf: "Noto Serif Todhri" "Regular"
UbuntuNerdFont-Regular.ttf: "Ubuntu Nerd Font" "Regular"
TerminessNerdFont-Regular.ttf: "Terminess Nerd Font" "Regular"
DejaVuSerif-Italic.ttf: "DejaVu Serif" "Italic"
AdwaitaSans-Regular.ttf: "Adwaita Sans" "Regular"

For some reason, the emoji appear as "?" above even though I can see them. I guess the tongue and smile work?
Also, the site you posted, some of the emoji appear with color, others do not, even in the same category. Not sure what to make of that information

Last edited by SD (2025-12-16 15:48:01)

Offline

#5 2025-12-16 15:48:33

seth
Member
From: Don't DM me only for attention
Registered: 2012-09-03
Posts: 73,680

Re: [SOLVED] Color emoji not showing up

You cannot post higher code points into the forum (they get substituted by question marks to prevent homoglyph attacks)

browser, Discord/Vesktop or any other applications … but Hyprpanel works.

Are those all electron based (=> which browser? Is firefox affected?) and/or maybe flatpaks?

How to upload text · How to boot w/o GUI · Disable Windows Fast-Start! · Fix your xinitrc

Offline

#6 2025-12-16 15:53:07

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

Yeah, I am using Brave and I believe that is electron based and so is Vesktop. I don't have firefox. I have emote on the terminal and the emoji there seem to work fine.
It really must be an Electron only issue because the same icon has color on LibreOffice and the terminal but none on the browser. However, that one in particular (tested with the house one) renders with color on Vesktop so I guess so render either way. I have no flatpaks whatsoever, all installed either through pacman or AUR

Last edited by SD (2025-12-16 15:57:11)

Offline

#7 2025-12-16 15:58:53

seth
Member
From: Don't DM me only for attention
Registered: 2012-09-03
Posts: 73,680

Re: [SOLVED] Color emoji not showing up

Well, https://archlinux.org/packages/extra/x86_64/firefox/
Also, is https://archlinux.org/packages/extra/x86_64/chromium/ affected?

(Afaiu electron doesn't really use the local fontconfig, but I want to rule out that this is a problem w/ dated/precompiled electron versions)

How to upload text · How to boot w/o GUI · Disable Windows Fast-Start! · Fix your xinitrc

Offline

#8 2025-12-16 16:13:26

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

Just downloaded Firefox to test it and there the emoji render with color. As for Vesktop, it's even weirder because the emoji are rendered without color but when I copy paste them into the message box and send them, they have color

Last edited by SD (2025-12-16 16:14:58)

Offline

#9 2025-12-16 19:47:38

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

Is there any way of updating electron? Or is it a particular font I might be using (system font?) that does not work well with electron apps?

Offline

#10 2025-12-16 21:43:01

seth
Member
From: Don't DM me only for attention
Registered: 2012-09-03
Posts: 73,680

Re: [SOLVED] Color emoji not showing up

The various electron clients either hard depend on specific electron versions or are their own electron version.

seth wrote:

Looking at your list they probably end up using either Font Awesome 7 Free-Regular-* or  NotoSansSymbols2-Regular.ttf - what happens if you move those out of the way?

How to upload text · How to boot w/o GUI · Disable Windows Fast-Start! · Fix your xinitrc

Offline

#11 2025-12-16 23:30:09

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

Haven't tried with chromium. Should I just delete those 2? How?

Offline

#12 2025-12-16 23:33:38

seth
Member
From: Don't DM me only for attention
Registered: 2012-09-03
Posts: 73,680

Re: [SOLVED] Color emoji not showing up

First try chromium.
The 

fc-list | grep -E '(Awesome|NotoSansSymbols)'

will list the font paths.
Temporarily moving them out of the font paths is gonna do.

How to upload text · How to boot w/o GUI · Disable Windows Fast-Start! · Fix your xinitrc

Offline

#13 2025-12-16 23:42:22

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

Installing chromium now to check and probably should do some wrap command to do the check and a 

 cp /usr/share/fonts/noto/NotoSansSymbols

or something like that to some temp folder?

Offline

#14 2025-12-16 23:53:04

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

Actually, just installing chromium, for some reason also installed liberation font and it automatically made the emoji render correctly in both browser and Vesktop. Weird thing happened with Vesktop though where my config disappeared so it has the standard look now but other than that, the issue seemed to have fixed itself. I did do a 

 fc-cache -vf

so I guess at least that step was necessary... I removed chromium in the meantime but maybe some of the remaining files caused it to work? Or maybe it was just the liberation font?

Offline

#15 2025-12-17 08:19:55

seth
Member
From: Don't DM me only for attention
Registered: 2012-09-03
Posts: 73,680

Re: [SOLVED] Color emoji not showing up

What does 

fc-match -s :charset=1F3E0

look like now?

Please always remember to mark resolved threads by editing your initial posts subject - so others will know that there's no task left, but maybe a solution to find.
Thanks.

How to upload text · How to boot w/o GUI · Disable Windows Fast-Start! · Fix your xinitrc

Offline

#16 2025-12-17 10:21:50

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

I know, I was just a bit hesitant because I had no idea what exactly solved it. As for the output, it's like this now:

 Font Awesome 7 Free-Regular-400.otf: "Font Awesome 7 Free" "Regular"
NotoColorEmoji.ttf: "Noto Color Emoji" "Regular"
NotoSansSymbols2-Regular.ttf: "Noto Sans Symbols 2" "Regular"
Font Awesome 7 Free-Solid-900.otf: "Font Awesome 7 Free" "Solid"
NotoSans-Regular.ttf: "Noto Sans" "Regular"
DejaVuSans.ttf: "DejaVu Sans" "Book"
DejaVuSans-Bold.ttf: "DejaVu Sans" "Bold"
DejaVuSans-Oblique.ttf: "DejaVu Sans" "Oblique"
DejaVuSans-BoldOblique.ttf: "DejaVu Sans" "Bold Oblique"
NimbusSans-Regular.otf: "Nimbus Sans" "Regular"
FreeSans.otf: "FreeSans" "Regular"
CaskaydiaCoveNerdFont-Regular.ttf: "CaskaydiaCove Nerd Font" "Regular"
Font Awesome 7 Brands-Regular-400.otf: "Font Awesome 7 Brands" "Regular"
FreeMono.otf: "FreeMono" "Regular"
FreeSerif.otf: "FreeSerif" "Regular"
IosevkaNerdFont-Regular.ttf: "Iosevka Nerd Font" "Regular"
AdwaitaMono-Regular.ttf: "Adwaita Mono" "Regular"
FiraCode-Regular.ttf: "Fira Code" "Regular"
ipaexg.ttf: "IPAexGothic" "Regular"
NotoNastaliqUrdu-Regular.ttf: "Noto Nastaliq Urdu" "Regular"
NotoSansAdlamUnjoined-Regular.ttf: "Noto Sans Adlam Unjoined" "Regular"
HackNerdFont-Regular.ttf: "Hack Nerd Font" "Regular"
NotoSansDuployan-Regular.ttf: "Noto Sans Duployan" "Regular"
NotoSansMongolian-Regular.ttf: "Noto Sans Mongolian" "Regular"
NotoSansWarangCiti-Regular.ttf: "Noto Sans Warang Citi" "Regular"
NotoSansHebrew-Regular.ttf: "Noto Sans Hebrew" "Regular"
3270NerdFont-Condensed.ttf: "3270 Nerd Font" "Condensed"
NotoSansBengali-Regular.ttf: "Noto Sans Bengali" "Regular"
NotoSansMath-Regular.ttf: "Noto Sans Math" "Regular"
NotoSansSinhala-Regular.ttf: "Noto Sans Sinhala" "Regular"
DejaVuSerif.ttf: "DejaVu Serif" "Book"
JetBrainsMonoNLNerdFont-Regular.ttf: "JetBrainsMonoNL Nerd Font" "Regular"
NotoSerifTangut-Regular.ttf: "Noto Serif Tangut" "Regular"
NotoKufiArabic-Regular.ttf: "Noto Kufi Arabic" "Regular"
NotoSansMyanmar-Regular.ttf: "Noto Sans Myanmar" "Regular"
NotoSansGujarati-Regular.ttf: "Noto Sans Gujarati" "Regular"
NotoSansMalayalam-Regular.ttf: "Noto Sans Malayalam" "Regular"
NotoSerifTibetan-Regular.ttf: "Noto Serif Tibetan" "Regular"
NotoSansEthiopic-Regular.ttf: "Noto Sans Ethiopic" "Regular"
NotoSansHanifiRohingya-Regular.ttf: "Noto Sans Hanifi Rohingya" "Regular"
NotoSansLisu-Regular.ttf: "Noto Sans Lisu" "Regular"
NotoSansSoraSompeng-Regular.ttf: "Noto Sans Sora Sompeng" "Regular"
HasklugNerdFont-Regular.otf: "Hasklug Nerd Font" "Regular"
NotoSansNerdFont-Regular.ttf: "NotoSans Nerd Font" "Regular"
GoMonoNerdFont-Regular.ttf: "GoMono Nerd Font" "Regular"
NotoSansNewa-Regular.ttf: "Noto Sans Newa" "Regular"
NotoSerifAhom-Regular.ttf: "Noto Serif Ahom" "Regular"
NotoSerifBalinese-Regular.ttf: "Noto Serif Balinese" "Regular"
NotoSansBalinese-Regular.ttf: "Noto Sans Balinese" "Regular"
NotoSansDevanagari-Regular.ttf: "Noto Sans Devanagari" "Regular"
NotoSansKaithi-Regular.ttf: "Noto Sans Kaithi" "Regular"
NotoSansKannada-Regular.ttf: "Noto Sans Kannada" "Regular"
NotoSansLepcha-Regular.ttf: "Noto Sans Lepcha" "Regular"
NotoSansOriya-Regular.ttf: "Noto Sans Oriya" "Regular"
NotoSansSharada-Regular.ttf: "Noto Sans Sharada" "Regular"
NotoSansTifinagh-Regular.ttf: "Noto Sans Tifinagh" "Regular"
NotoSansZanabazarSquare-Regular.ttf: "Noto Sans Zanabazar Square" "Regular"
NotoSansCaucasianAlbanian-Regular.ttf: "Noto Sans Caucasian Albanian" "Regular"
NotoSansCham-Regular.ttf: "Noto Sans Cham" "Regular"
NotoSansGeorgian-Regular.ttf: "Noto Sans Georgian" "Regular"
NotoSansGrantha-Regular.ttf: "Noto Sans Grantha" "Regular"
NotoSansJavanese-Regular.ttf: "Noto Sans Javanese" "Regular"
NotoSansKhojki-Regular.ttf: "Noto Sans Khojki" "Regular"
NotoSansLimbu-Regular.ttf: "Noto Sans Limbu" "Regular"
NotoSansManichaean-Regular.ttf: "Noto Sans Manichaean" "Regular"
NotoSansOldHungarian-Regular.ttf: "Noto Sans Old Hungarian" "Regular"
NotoSansSiddham-Regular.ttf: "Noto Sans Siddham" "Regular"
NotoSansSignWriting-Regular.ttf: "Noto Sans SignWriting" "Regular"
NotoSansSundanese-Regular.ttf: "Noto Sans Sundanese" "Regular"
NotoSansTakri-Regular.ttf: "Noto Sans Takri" "Regular"
NotoSansTelugu-Regular.ttf: "Noto Sans Telugu" "Regular"
NotoSerifKhojki-Regular.ttf: "Noto Serif Khojki" "Regular"
BlexMonoNerdFont-Regular.ttf: "BlexMono Nerd Font" "Regular"
NotoSansCJK-Regular.ttc: "Noto Sans CJK JP" "Regular"
NotoSansBatak-Regular.ttf: "Noto Sans Batak" "Regular"
NotoSansBrahmi-Regular.ttf: "Noto Sans Brahmi" "Regular"
NotoSansCanadianAboriginal-Regular.ttf: "Noto Sans Canadian Aboriginal" "Regular"
NotoSansCoptic-Regular.ttf: "Noto Sans Coptic" "Regular"
NotoSansElbasan-Regular.ttf: "Noto Sans Elbasan" "Regular"
NotoSansGlagolitic-Regular.ttf: "Noto Sans Glagolitic" "Regular"
NotoSansGurmukhi-Regular.ttf: "Noto Sans Gurmukhi" "Regular"
NotoSansInscriptionalPahlavi-Regular.ttf: "Noto Sans Inscriptional Pahlavi" "Regular"
NotoSansInscriptionalParthian-Regular.ttf: "Noto Sans Inscriptional Parthian" "Regular"
NotoSansKharoshthi-Regular.ttf: "Noto Sans Kharoshthi" "Regular"
NotoSansKhmer-Regular.ttf: "Noto Sans Khmer" "Regular"
NotoSansKhudawadi-Regular.ttf: "Noto Sans Khudawadi" "Regular"
NotoSansMarchen-Regular.ttf: "Noto Sans Marchen" "Regular"
NotoSansModi-Regular.ttf: "Noto Sans Modi" "Regular"
NotoSansNKo-Regular.ttf: "Noto Sans NKo" "Regular"
NotoSansNewTaiLue-Regular.ttf: "Noto Sans New Tai Lue" "Regular"
NotoSansOldItalic-Regular.ttf: "Noto Sans Old Italic" "Regular"
NotoSansOldTurkic-Regular.ttf: "Noto Sans Old Turkic" "Regular"
NotoSansPhagsPa-Regular.ttf: "Noto Sans PhagsPa" "Regular"
NotoSansSylotiNagri-Regular.ttf: "Noto Sans Syloti Nagri" "Regular"
NotoSansTaiViet-Regular.ttf: "Noto Sans Tai Viet" "Regular"
NotoMusic-Regular.ttf: "Noto Music" "Regular"
NotoSansAvestan-Regular.ttf: "Noto Sans Avestan" "Regular"
NotoSansChakma-Regular.ttf: "Noto Sans Chakma" "Regular"
NotoSansLao-Regular.ttf: "Noto Sans Lao" "Regular"
NotoSansMahajani-Regular.ttf: "Noto Sans Mahajani" "Regular"
NotoSansMandaic-Regular.ttf: "Noto Sans Mandaic" "Regular"
NotoSansMendeKikakui-Regular.ttf: "Noto Sans Mende Kikakui" "Regular"
NotoSansMiao-Regular.ttf: "Noto Sans Miao" "Regular"
NotoSansOlChiki-Regular.ttf: "Noto Sans Ol Chiki" "Regular"
NotoSansOldSogdian-Regular.ttf: "Noto Sans Old Sogdian" "Regular"
NotoSansPsalterPahlavi-Regular.ttf: "Noto Sans Psalter Pahlavi" "Regular"
NotoSansRejang-Regular.ttf: "Noto Sans Rejang" "Regular"
NotoSansSymbols-Regular.ttf: "Noto Sans Symbols" "Regular"
NotoSansTirhuta-Regular.ttf: "Noto Sans Tirhuta" "Regular"
NotoTraditionalNushu-Regular.ttf: "Noto Traditional Nushu" "Regular"
NotoSerifCJK-Regular.ttc: "Noto Serif CJK JP" "Regular"
NotoSansBamum-Regular.ttf: "Noto Sans Bamum" "Regular"
NotoSansBassaVah-Regular.ttf: "Noto Sans Bassa Vah" "Regular"
NotoSansBhaiksuki-Regular.ttf: "Noto Sans Bhaiksuki" "Regular"
NotoSansCarian-Regular.ttf: "Noto Sans Carian" "Regular"
NotoSansCypriot-Regular.ttf: "Noto Sans Cypriot" "Regular"
NotoSansEgyptianHieroglyphs-Regular.ttf: "Noto Sans Egyptian Hieroglyphs" "Regular"
NotoSansImperialAramaic-Regular.ttf: "Noto Sans Imperial Aramaic" "Regular"
NotoSansIndicSiyaqNumbers-Regular.ttf: "Noto Sans Indic Siyaq Numbers" "Regular"
NotoSansLinearA-Regular.ttf: "Noto Sans Linear A" "Regular"
NotoSansLinearB-Regular.ttf: "Noto Sans Linear B" "Regular"
NotoSansLycian-Regular.ttf: "Noto Sans Lycian" "Regular"
NotoSansLydian-Regular.ttf: "Noto Sans Lydian" "Regular"
NotoSansMeeteiMayek-Regular.ttf: "Noto Sans Meetei Mayek" "Regular"
NotoSansMeroitic-Regular.ttf: "Noto Sans Meroitic" "Regular"
NotoSansMultani-Regular.ttf: "Noto Sans Multani" "Regular"
NotoSansOsage-Regular.ttf: "Noto Sans Osage" "Regular"
NotoSansPauCinHau-Regular.ttf: "Noto Sans Pau Cin Hau" "Regular"
NotoSansRunic-Regular.ttf: "Noto Sans Runic" "Regular"
NotoSansSaurashtra-Regular.ttf: "Noto Sans Saurashtra" "Regular"
NotoSansSogdian-Regular.ttf: "Noto Sans Sogdian" "Regular"
NotoSansTagalog-Regular.ttf: "Noto Sans Tagalog" "Regular"
NotoSansTaiTham-Regular.ttf: "Noto Sans Tai Tham" "Regular"
NotoSansYi-Regular.ttf: "Noto Sans Yi" "Regular"
NotoSerifToto-Regular.ttf: "Noto Serif Toto" "Regular"
NotoSansAnatolianHieroglyphs-Regular.ttf: "Noto Sans Anatolian Hieroglyphs" "Regular"
NotoSansBuhid-Regular.ttf: "Noto Sans Buhid" "Regular"
NotoSansCherokee-Regular.ttf: "Noto Sans Cherokee" "Regular"
NotoSansCuneiform-Regular.ttf: "Noto Sans Cuneiform" "Regular"
NotoSansDeseret-Regular.ttf: "Noto Sans Deseret" "Regular"
NotoSansHatran-Regular.ttf: "Noto Sans Hatran" "Regular"
NotoSansMro-Regular.ttf: "Noto Sans Mro" "Regular"
NotoSansNabataean-Regular.ttf: "Noto Sans Nabataean" "Regular"
NotoSansOldNorthArabian-Regular.ttf: "Noto Sans Old North Arabian" "Regular"
NotoSansOldPermic-Regular.ttf: "Noto Sans Old Permic" "Regular"
NotoSansOldSouthArabian-Regular.ttf: "Noto Sans Old South Arabian" "Regular"
NotoSansPahawhHmong-Regular.ttf: "Noto Sans Pahawh Hmong" "Regular"
NotoSansPalmyrene-Regular.ttf: "Noto Sans Palmyrene" "Regular"
NotoSansSamaritan-Regular.ttf: "Noto Sans Samaritan" "Regular"
NotoSansShavian-Regular.ttf: "Noto Sans Shavian" "Regular"
NotoSansSoyombo-Regular.ttf: "Noto Sans Soyombo" "Regular"
NotoSansTagbanwa-Regular.ttf: "Noto Sans Tagbanwa" "Regular"
NotoSansTamilSupplement-Regular.ttf: "Noto Sans Tamil Supplement" "Regular"
NotoSansWancho-Regular.ttf: "Noto Sans Wancho" "Regular"
NotoSerifDivesAkuru-Regular.ttf: "Noto Serif Dives Akuru" "Regular"
FantasqueSansMNerdFont-Regular.ttf: "FantasqueSansM Nerd Font" "Regular"
NotoSansTangsa-Regular.ttf: "Noto Sans Tangsa" "Regular"
NotoSansCyproMinoan-Regular.ttf: "Noto Sans Cypro Minoan" "Regular"
D2CodingLigatureNerdFont-Regular.ttf: "D2CodingLigature Nerd Font" "Regular"
NotoSerifDogra-Regular.ttf: "Noto Serif Dogra" "Regular"
M+1CodeNerdFont-Regular.ttf: "M+1Code Nerd Font" "Regular"
NotoSerifOttomanSiyaq-Regular.ttf: "Noto Serif Ottoman Siyaq" "Regular"
NotoSansMasaramGondi-Regular.ttf: "Noto Sans Masaram Gondi" "Regular"
NotoSerifVithkuqi-Regular.ttf: "Noto Serif Vithkuqi" "Regular"
NotoSansChorasmian-Regular.ttf: "Noto Sans Chorasmian" "Regular"
NotoSansGunjalaGondi-Regular.ttf: "Noto Sans Gunjala Gondi" "Regular"
NotoSerifOldUyghur-Regular.ttf: "Noto Serif Old Uyghur" "Regular"
NotoSansNandinagari-Regular.ttf: "Noto Sans Nandinagari" "Regular"
NotoZnamennyMusicalNotation-Regular.ttf: "Noto Znamenny Musical Notation" "Regular"
OverpassMNerdFont-Regular.otf: "OverpassM Nerd Font" "Regular"
NotoSansElymaic-Regular.ttf: "Noto Sans Elymaic" "Regular"
NotoSansMedefaidrin-Regular.ttf: "Noto Sans Medefaidrin" "Regular"
NotoSansTest-Regular.ttf: "Noto Sans Test" "Regular"
NotoSansNagMundari-Regular.ttf: "Noto Sans Nag Mundari" "Regular"
NotoSerifMakasar-Regular.ttf: "Noto Serif Makasar" "Regular"
NotoSerifNPHmong-Regular.ttf: "Noto Serif NP Hmong" "Regular"
NotoSerifYezidi-Regular.ttf: "Noto Serif Yezidi" "Regular"
BigBlueTermPlusNerdFont-Regular.ttf: "BigBlueTermPlus Nerd Font" "Regular"
ZedMonoNerdFont-Regular.ttf: "ZedMono Nerd Font" "Regular"
NotoFangsongKSSRotated-Regular.ttf: "Noto Fangsong KSS Rotated" "Regular"
NotoSansKawi-Regular.ttf: "Noto Sans Kawi" "Regular"
NotoSansSunuwar-Regular.ttf: "Noto Sans Sunuwar" "Regular"
NotoSerifHentaigana-Regular.ttf: "Noto Serif Hentaigana" "Regular"
NotoSerifTodhri-Regular.ttf: "Noto Serif Todhri" "Regular"
UbuntuNerdFont-Regular.ttf: "Ubuntu Nerd Font" "Regular"
TerminessNerdFont-Regular.ttf: "Terminess Nerd Font" "Regular"
DejaVuSerif-Italic.ttf: "DejaVu Serif" "Italic"
AdwaitaSans-Regular.ttf: "Adwaita Sans" "Regular"

Edit: Just did so. Thanks for the help, I suppose it was adding the liberation font that did the trick since it seemed to have switched the priority and it was emoji color one being on top that was messing it up. Font Awesome is the way, it seems

Last edited by SD (2025-12-17 10:25:25)

Offline

#17 2025-12-17 13:57:27

seth
Member
From: Don't DM me only for attention
Registered: 2012-09-03
Posts: 73,680

Re: [SOLVED] Color emoji not showing up

That's weird, the primary source is now "Font Awesome 7 Free-Regular-400.otf" - does that have colored emojis?

fc-match sans

may have changed from Noto to Liberation, resulting in the shifted preferences for the emoji font (downranking NotoColorEmoji.ttf and NotoSansSymbols2-Regular.ttf)

How to upload text · How to boot w/o GUI · Disable Windows Fast-Start! · Fix your xinitrc

Offline

#18 2025-12-17 14:55:45

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

That only gives me NotoSans-Regular.ttf: "Noto Sans" "Regular" as a result
I don't know if that one in particular has color emoji but I also have emoji one and emoji color installed and in the meantime I removed and reinstalled some of them and the emoji change when I do that but remain with color no matter what so I assume it's the liberation but it doesn't seem to be the primary font being used. So it's probably the NotoColorEmoji.ttf being on top that was causing the issue, right?

Offline

#19 2025-12-17 20:02:02

seth
Member
From: Don't DM me only for attention
Registered: 2012-09-03
Posts: 73,680

Re: [SOLVED] Color emoji not showing up

Sou you're still defaulting to Noto, no idea what might have changed (except of course the preference for the Awesome font)

NotoColorEmoji.ttf being on top that was causing the issue, right?

It seems unlikely but you could remove Liberation, see whether the problem returns, then remove NotoColorEmoji.ttf and see whether that fixes it.
Nb. we've tested this a bit w/ an artificial emoji codepoint - it might be better if you could list one of the actual affected ones (by number)

printf "%x" \'?

(replace the question mark w/ the actual emoji)

How to upload text · How to boot w/o GUI · Disable Windows Fast-Start! · Fix your xinitrc

Offline

#20 2025-12-17 20:59:08

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

Removed both ttf-liberation and noto-color-emoji and fontconfig. The font seems to change but the color emoji still appear (although slightly different now) in both Electron apps and also outside of it

Offline

#21 2025-12-17 21:06:20

seth
Member
From: Don't DM me only for attention
Registered: 2012-09-03
Posts: 73,680

Re: [SOLVED] Color emoji not showing up

Ok, and if you re-install noto-color-emoji? (Also track the fc-match -s resolution changes)

How to upload text · How to boot w/o GUI · Disable Windows Fast-Start! · Fix your xinitrc

Offline

#22 2025-12-17 21:09:37

SD
Member
Registered: 2025-01-04
Posts: 43

Re: [SOLVED] Color emoji not showing up

Same, emoji change slightly but always with color. Reinstalled emoji color now and doing liberation now. Output is NotoSans-Regular.ttf: "Noto Sans" "Regular"

Offline

Pages: 1

Board footer

Powered by FluxBB