Unicode Bold Characters do not Display on Webpages (But do Display in Inspect)
I've noticed recently that some Unicode characters are not rendering properly on some websites. Specifically the Unicode characters for Mathematical Bold Capitals, though there may be others. I've noticed this issue on Twitch and GitHub. Screenshots for the repository sainnhe/everforest are attached along with the Inspector. Notice the characters do not appear properly on the webpage but are rendered just fine in Inspector. I also attached the screenshot for Unicode Mathematical Bold Capital E.
I am running Firefox version 132.0 on macOS Sequoia 15.0.1. The problem remains in Troubleshoot Mode. The problem does not appear in Chrome or Safari. The problem does not appear on my iPhone or Android tablet.
In posts with similar issues I've seen the suggestion to toggle "Allow pages to choose their own fonts", the issue does not respond to changing this setting (it is on in all the screenshots).
Chosen solution
Fixed!
Navigating to Web Developer Tools, thanks to How do I fix incorrectly displaying fonts?, I found out that the font download was being blocked which lead me to Request for font "xxx" blocked at visibility level 2 (requires 3) in nightly.
zeroknight suggested that Firefox fingerprinting protection may be the cause. The solution would then be to override fingerprint protection for fonts. I did as suggested: "You can disable font protection by going to about:config and changing privacy.fingerprintingProtection.overrides to -FontVisibilityBaseSystem,-FontVisibilityLangPack."
After reloading the previously broken page the characters appeared as expected!
Somehow in all my searching those two posts didnt come up with any combination of 'unicode' and 'not displaying properly'. Hopefully leaving this will help someone else who did not know how to phrase the problem properly.
Read this answer in context 👍 0All Replies (1)
Chosen Solution
Fixed!
Navigating to Web Developer Tools, thanks to How do I fix incorrectly displaying fonts?, I found out that the font download was being blocked which lead me to Request for font "xxx" blocked at visibility level 2 (requires 3) in nightly.
zeroknight suggested that Firefox fingerprinting protection may be the cause. The solution would then be to override fingerprint protection for fonts. I did as suggested: "You can disable font protection by going to about:config and changing privacy.fingerprintingProtection.overrides to -FontVisibilityBaseSystem,-FontVisibilityLangPack."
After reloading the previously broken page the characters appeared as expected!
Somehow in all my searching those two posts didnt come up with any combination of 'unicode' and 'not displaying properly'. Hopefully leaving this will help someone else who did not know how to phrase the problem properly.
Modified by CalvinSprouse
You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.