JaydenCruzL Posted July 10, 2020 Share Posted July 10, 2020 Site URL: https://justmeatsdeli.com/ Site URL: https://justmeatsdeli.com/ The heading text won’t show bold on the mobile version of my site. How can I fix this? Site: https://justmeatsdeli.com/ Password: hey Link to comment
JaydenCruzL Posted July 10, 2020 Author Share Posted July 10, 2020 Headings 1, 2, 3, and 4. It’s basically any text using the Bodoni font. Link to comment
rwp Posted July 10, 2020 Share Posted July 10, 2020 They are bold for me, both mobile and desktop, its just not *that* much more bold than normal font weight for that specific font. Link to comment
JaydenCruzL Posted July 10, 2020 Author Share Posted July 10, 2020 One file is the text on desktop, the other file is the text on mobile. 🤔 Link to comment
rwp Posted July 10, 2020 Share Posted July 10, 2020 What browser are you using for mobile? It's not doing that on firefox/android, or when emulated on my desktop. It looks like more of a line spacing change than a font-weight change. Link to comment
JaydenCruzL Posted July 11, 2020 Author Share Posted July 11, 2020 I’m using safari. Is it possible to change the font spacing for mobile with CSS? Link to comment
rwp Posted July 11, 2020 Share Posted July 11, 2020 Try this. Though this is going to set the letter spacing of nearly everything to 0, which may be OK, or we may have to tweak it. It will at least let me know if its the issue, because I am not seeing it with firefox. h1, h2, h3, h4, p, a, strong, b { letter-spacing: 0 !important; } Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.