The heart of tech

This article was published on September 26, 2012


    Kern.js: This bookmarklet puts you back in control of your site’s typography

    Kern.js: This bookmarklet puts you back in control of your site’s typography
    Harrison Weber
    Story by

    Harrison Weber

    Harrison Weber is TNW's Features Editor in NYC. Part writer, part designer. Stay in touch: Twitter @harrisonweber, Google+ and Email. Harrison Weber is TNW's Features Editor in NYC. Part writer, part designer. Stay in touch: Twitter @harrisonweber, Google+ and Email.

    Created by Brendan Stromberger and integrated with the well-loved Lettering.js plugin, Kern.js is a genius bookmarklet that puts designers back in control of their site’s typography.

    If you’ve every felt the need to adjust your site’s kerning, line-height or letter placement, you’re going to want to check this bookmarklet out.

    Web type is only now starting it reach its potential as a forum for typographic expression. In the past, services like Typekit and Google Web Fonts have helped drive this trend further, but now adjusting finer details like letter spacing are also within reach.

    Kern.js’ tools

    Kern.js takes advantage of Lettering.js, but simplifies the implementation process so you can make visual adjustments directly on top of your live site. To use it, simply drag the bookmarklet to your browser, activate it on the page you’re refining, click a letter and start tweaking. Once you’re done, simply click the check mark and copy the CSS styles. That’s all.

    To learn more about Kern.js’ development, check out the project’s GitHub page. Otherwise, click the link below and get to work!

    ➤ Kern.js via Typophile & Silvia

    Featured image: InvernoDreaming