Archived topic
Firefox Responsive Design Developer Mode - wrong font-weight
22 replies · Started by carolina-butcher-shop on January 15, 2022
https://dev.carolinabutchershop.com shows the incorrect font-weight in Firefox Responsive Mode.
I use Firefox for all of my responsive design work and all of the other sites I've built using other themes display the correct font weight in Firefox and Chrome.
This site is the first site I will launch using Generate Press/Generate Blocks. I'm finishing up and working out the responsive design issues and the fonts are not displaying the correct font weight.
You'll need the password below to see the dev site.
Is there some setting that I've missed or is this a known issue?
I've got two other sites I want to rebuild using GP/GB, but I'd like to have this resolved before I do.
Hi there,
Is there a specific text/element you are referring to here?
All text elements
Hi there,
can you confirm the sites password as its not working for me
Try again... I guess that broke when I deactivated/reactivated that plugin
Is there a specific style that isn't being applied ? As theres quite a few variations on the Text element from Customizer to inline editor styles to child theme styles.
How can I share a screenshot with you?
Like my original question said, it looks fine in Chrome and Safari, but doesn't in Firefox. In Firefox Developer Version, it looks fine until I go into responsive mode. And in Firefox Standard version, all of the fonts are super slim and can barely be read.
If you don't see the difference in Chrome and Firefox, let me know. It's glaringly obvious and awful on my end -- the site is practically illegible.
The font in the hero is a paragraph font, large. I have not made it bold because of it's size. It doesn't need to be bold.
You should definitely be able to see everything I've pointed out.
Note: I originally thought the problem was just Firefox Developer version in responsive design mode, but I downloaded a fresh instance of standard Firefox and the problem is there as well.
The site looks the same on both Chrome and Firefox to me:
https://www.screencast.com/t/wekcA6oH
Let me know if I miss anything.
You can upload screenshot in this way: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Did you open it and refresh the window? The fonts mess up after the window refreshes
Firefox view link: https://postimg.cc/CRSs1F6P
Chrome view: https://postimg.cc/JDYk5Xm0
Yes I did refresh, the fonts look normal:https://www.screencast.com/t/7nMwI8xQ10
Do you see my screenshots?
I shared this with 3 developers located across the country with different setups and they had the same results as me... super thin fonts in Firefox. Otherwise, I'd think this is confined to my machine only.
