Pretending that a webfont is bold.

dabblet.css

/**
 * Pretending that a webfont is bold.
 * http://stackoverflow.com/a/12168041/707111 ​
 */

@font-face {
  font-family: 'Headland One';
  font-style: normal;
  font-weight: 400;
  src: local('Headland One'), local('HeadlandOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/headlandone/v1/iGmBeOvQGfq9DSbjJ8jDV3hCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
  font-family: 'Headland One Fake Bold';
  font-style: normal;
  font-weight: bold;
  src: local('Headland One'), local('HeadlandOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/headlandone/v1/iGmBeOvQGfq9DSbjJ8jDV3hCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

#one {
    font: bold 1em Headland One Fake Bold;
}

#two {
    font: bold 1em Headland One;
}​

dabblet.html

<p id="one">Jackdaws love my big sphinx of quartz.</p>
<p id="two">Jackdaws love my big sphinx of quartz.</p>​

settings.json

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