You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
Create a page with **bold text**
View rendered page in Firefox browser.
Screenshots (optional)
"demo" is meant to be in bold text
Firefox:
Chrome:
Extra fields
I'd like to work on this issue
The text was updated successfully, but these errors were encountered:
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 frommaterialize.min.css
which specifies the rulefont-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 inmaterialize.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
**bold text**
Screenshots (optional)
"demo" is meant to be in bold text
Firefox:
Chrome:
Extra fields
The text was updated successfully, but these errors were encountered: