Bookmarklet to convert all text on a webpage to the Blokk font, for use when working on mockups in your browser.

blokkit.js

(function() {
  var css = "*{font-family:\"Blokk Regular\", blokk !important;}",
    head = document.getElementsByTagName("head")[0],
    style = document.createElement("style");
  style.type = "text/css";
  if ( style.styleSheet ) {
    style.styleSheet.cssText = css;
  } else {
    style.appendChild( document.createTextNode( css ) );
  }
  head.appendChild( style );
})();

blokkit.min.js

// Copy into a bookmarklet by prepending the below with "javascript:"
javascript:(function(){var e='*{font-family:"Blokk Regular", blokk !important;}',t=document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e)),t.appendChild(n)})();

Blokk font: http://blokkfont.com/

Hat tip to Stack Overflow for the style insertion technique.

Updated to reflect the change of the font's name from "Blokk" to "BLOKK Regular"