WikiDocs icon indicating copy to clipboard operation
WikiDocs copied to clipboard

Bold text formatting displays as regular type on Firefox browser

Open Nes370 opened this issue 5 months ago • 0 comments

Describe your issue

Creating bold text by surrounding text with asterisks renders as regular unbolded text when viewed in a Firefox web browser. (**bold text** ->bold text)

The issue appears to stem from how Firefox interprets the <strong> tag. By default, Firefox attempts to apply the style rules from materialize.min.css which specifies the rule font-weight: 500;. At values of 500 or less, text is rendered with a regular unbolded line weight. At values of 501 or more, text is rendered with a bold line weight.

In contrast, Chrome renders text with a regular unbolded line weight at values of 499 or less, and with a bold line weight at values of 500 or more.

So I believe increasing the font-weight value to 501 in materialize.min.css may fix this issue for Firefox users.

In the interim, I've been resorting to surrounding text with <b> tags instead on my wiki to ensure it is rendered bold, but it would be nice if the root of this issue were resolved.

Device and settings

Windows 10 (19045.4780), Firefox v130.0 (64-bit), 1080p display monitor

Steps to reproduce

  1. Create a page with **bold text**
  2. View rendered page in Firefox browser.

Screenshots (optional)

"demo" is meant to be in bold text

Firefox: image

Chrome: image

Extra fields

  • [ ] I'd like to work on this issue

Nes370 avatar Sep 10 '24 04:09 Nes370