Join us and the lead editor of IRL, Mozilla's multi-award-winning podcast, for a behind-the-scenes look at the pod and to contribute your ideas for the next season, themed: "AI and ME." Mark your calendar and join our Community Call on Wednesday, Aug 7, 17:00–17:45 UTC. See you there!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Some Chinese as well as other CJK fonts display as boxes

  • 6 replies
  • 1 has this problem
  • 2 views
  • Last reply by yesen77

more options

CJK characters are displayed as boxes when font-weight set to bold in Firefox 57. Does anyone know how to submit a bug and get this fixed ASAP?

CJK characters are displayed as boxes when font-weight set to bold in Firefox 57. Does anyone know how to submit a bug and get this fixed ASAP?

Modified by yesen77

All Replies (6)

more options

Can you provide a link to a page demonstrating this problem?

When I look up CJK it appears there are potentially many variables in what fonts Firefox might use: https://en.wikipedia.org/wiki/CJK_characters

more options

you can visit baidu.com and search for anything. On the result page, you will find the boxes. Right click and inspect element, find don't weight: bold and check it off and the characters are back

more options

Thanks, I don't have Firefox 57 on this computer, but I viewed the Baidu results page in Firefox 59 ("Nightly" test version). On my Windows 7, the Meiryo Bold font is used. (Screenshot attached.)

Can you check what font is used on yours? In the Inspector, switch from the Rules panel to the Fonts panel. If the heading is not visible, try the little triangle at the end of that row of headings.

more options

Thank you for your feedback. I tried the same page got the same problem in Firefox 58. But now I have a better understanding of the problem. The webpage sets Arial as the font-family and whenever font-weight goes beyond 600 or set to bold, the browser will use Arial Black as the font and caused the boxes. I forced user setting of Noto Sans to replace the webpage setting of fonts, and boxes are gone. The same page displays properly in chrome. So I think it is still the brower's problem. It should fallback to the user font setting when it can't handle the font. When font weight is 500 or below, it does. When it goes beyond 600, it doesn't.

more options

It's odd because Firefox should know better than to try to find those characters in Arial Black...

If you check your font settings, do they look like the attached? This is from the English U.S. version.

  • Windows: "3-bar" menu button (or Tools menu) > Options
  • Mac: "3-bar" menu button (or Firefox menu) > Preferences
  • Linux: "3-bar" menu button (or Edit menu) > Preferences
  • Any system: type or paste about:preferences into the address bar and press Enter/Return to load it

Under Language and Appearance, click the "Advanced" button. Then use the selector at the top to check different character sets.

more options

Yes, the default font setting is the same, but it doesn't work properly. I compared with Edge and the same element in Edge will automatically fall back to Yahei no matter what font-weight it has. In Firefox 58, it will fall back to Yahei when font-weight is 500 or below, but when font-weight is 600 or above, it won't fall back and stick with Arial Black.