-webkit-background-clip: text; causes blurry text on retina display

dabblet.css

/**
 * -webkit-background-clip: text; causes blurry text on retina display
 */
html { -webkit-text-size-adjust: none }
h1 {
  color: #535353;
  font: lighter 50px/1 Helvetica;
  background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#535353));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

dabblet.html

<h1>Crispy text</h1>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}