Bungee Shade triple render on iOS Safari (and others) about bungee HOT 7 CLOSED

Just a quick message without looking closely: I’m wondering if the font is getting faux-bolded... try removing font-weight: bold from the CSS element, or adding font-synthesis: none and see if that helps?

from bungee.

And btw...thanks for using Bungee! The site looks great :-D

from bungee.

That makes a lot of sense! We'll implement tomorrow and report back!

from bungee.

@djrrb Thanks David, unfortunately the issue remains after removing “bold” and any indication of font weight

from bungee.

Ah, most user stylesheets will make <h1> bold by default, so even though you do not set font-weight: bold explicitly it is still bolded. (The “your message” in the title is also getting faux-bolded, the effect is just more subtle.)

So the two easiest solutions are:

— to explicitly set your <h1> to font-weight: normal;
and/or
— to avoid any chance of faux-bolding by using font-synthesis: none;

Here is a codepen and the results I get in Safari on iPad: https://codepen.io/djrrb/pen/OJdPBbE

If for some reason you don’t want to change the styling of the page, you can also fix this by adding font-weight: bold to your @font-face calls, so that Bungee loads as Bold instead of Regular.

Hope that helps!

from bungee.

from bungee.

from bungee.