endtwist/kerning.js

Take control of your web typography.

kerning.js's Issues

slow to initialise

Hi

I am doing some svg animations which were loading quick
but since adding this plugin the scripts are being blocked by the kerning module initialising it work but is slow

Can I disable the auto initialisation and manually apply it to an element ?

Thanks
Mark

Support for non-webkit browsers?

On which browsers will kerning.js work?
I just now realized that IE8 does not appear to support it.
Including the https://github.com/kriskowal/es5-shim to support Array.prototype.reduce method seems to resolve the script error that it generates, but kerning.js still does not work (page doesn't display "This is Kerning.js" like it does in Chrome and Safari).

Firefox (tested version 25) does not appear to be supported either -- same output

kerning.js breaks kerning pairs

Thanks for providing this library!

I was wondering if there was a way to only insert span elements where actually needed. E.g.

p {
  -letter-kern: -letter-pairs('AV': -0.02em);
}

should only insert span elements for the defined kerning pair.

Currently each letter gets wrapped by a span – which effectively breaks all the native kerning pairs defined by the font file itself (as kerning only happens for adjacent letters).

Use `letter-spacing` instead of `margin-right` for kern

Use margin-right

Use letter-spacing

kerning.js causes some tags to be lost

After loading kerning.js, some tags (e.g, the i tag) will be lost (replaced by span tags).

Refreshing Kerning pairs over Media Queries

If I am setting different Kerning pairs across media queries, is it possible to get each of the pairs to refresh and run the script when the browser is resized?

Toggle Demo

Would love to be able to toggle the demonstrated effects on and off to easily see the difference.

Only depends on jQuery?

A vanilla version of this script would be extremely useful.

Thanks.

Console error kerning.min.js

When kerning.min.js is used, there is a console error vis-a-vis 'msie'.

when parseAttributes = True the script actually reloads the page

this is a killer on dynamic sites. I discovered this only because this was actually causing a session toggle function to toggle twice back to its original state.

simply change

$(document).parsecss(self._parse, true);

to

$(document).parsecss(self._parse, false);

script works fine, doesn't reload page

kerningjs.com demo is broken in browsers with strict MIME type checking

The script shouldn't be served from the github raw -- see https://plus.google.com/+MikeWest/posts/28f8HS2M7cb for more info.

http://rawgithub.com/ might be a quick fix.

Source and minified files are out of sync

FYI, that last commit removing the call to $.browser didn't make it over to the minified file(via however you generate it), rendering it unusable.

Document Free CDN Hosting

If you want users to know about free CDN hosting for the Kerning.js project please refer them to: http://opensource.maxcdn.com/javascript/kerning-js/

Kerning.js package for bower package manager

I propose that kerning.js is made available via bower (http://bower.io), a great package manager for tracking scripts and their dependencies.

Using in scss

How are kerning.js css statements meant to be written in .scss files? I'm getting an error output of invalid scss when I compile. Even with --quiet, the file written is still an error.

Requires jQuery even though the docs say it doesn't

Kerning.js is great! One nit: The documentation says "Kerning.js is a single script, small, and has no dependencies" when a jQuery global must be provided.