<h1>This is a h1 with emojis in at normal font weight 😇😈</h1>
<p>In Chrome (desktop) these will appear as just outlines, if you are viewing this on Chrome on your phone it will appear normal (at time of writing)</p>

<h1>This is a h1 with "fixed" emojis <span>😇😈</span></h1>

<p>We wrap the emojis in a <code>&lt;span&gt;</code> and set the font-weight to 100 to return the emojis to normal</p>

<h2>This is a h2 with broken emojis that are too light <span>😇😈</span></h2>

<p>Unfortunately this now means people can break emojis, although the changes of them doing this are slim if their text already has sufficient contrast!</p>

h1 span{
  font-weight: 100;
}

h2 span{
  color: #ccc;
}