Hi,
so a few days ago I noticed that all text on my self-hosted site appears in bold, although I haven’t changed anything. Thing is, all texts look normal in the backend editor. They only appear bold in the frontend.
I tried figuring out the problem. A few people with the same issue got a recommendation to check if there is an open <strong> or <b>. I checked that, too but frankly speaking I don’t thing that this is an issue, because when the thing occured there weren’t any changes made on the site.
The website has a light and dark mode. I noticed that all text appear “normal” when I look in dark mode on Chrome, but when I switch back to Firefox and put on light mode the font looks too light and barely readable on the desktop (and all bold on mobile in light and dark mode).
I also checked the typography for the theme settings and didn’t find anything that looks suspicious.
The problem persists on multiple devices and different browsers.
Any suggestions what the issue might be or how to solve the problem?
[ad_2]
In Chrome, right click some bold text and click Inspect. Look in this css panel, Computed tab – “font-family” and “font-weight” click the css file url. That will give you a clue as to why it’s appearing as bold.