Log in Sign up

Mobile view not retaining font weight for blog title

I've set font weight: 600 (and a few other style changes) for the blog's title in header.html, and it looks great on desktop. But when I view on mobile (iOS Safari), the font weight is missing. The title doesn't look as bold as I like. Please let me know how to fix this.. thank you.


2 years ago, 4 replies   Edit question

I found a guide to debugging websites on mobile safari. You'll want to follow the steps above and inspect the title to make sure the styles you've added are applied as expected.

I'm not sure what exactly the issue is but if you're not using a web font, it's possible there's a system font with the desired weight on your desktop that doesn't exist on your phone. If you are using a web font, it's possible that you're using a format which isn't supported by Mobile safari, but is supported by your desktop browser.

Please let me know if you have any questions about this or anything else

Answered 2 years ago · Edit answer

Thanks a lot for the guidance! I did inspect-element on the header and the font family was set to Plex Sans, while I had set Source Serif as the font in Settings. So I updated style.css > #logo entry to Source Serif. Now it's good - thank you!

Answered 2 years ago · Edit answer

Great! Glad it's sorted, please let me know if you have any questions about this or anything else

Answered 2 years ago · Edit answer

Sure.. thank you!

Answered 2 years ago · Edit answer