endtwist / kerning.js Goto Github PK
View Code? Open in Web Editor NEWTake control of your web typography.
Home Page: http://kerningjs.com
Take control of your web typography.
Home Page: http://kerningjs.com
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.
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).
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
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/
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.
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.
Would love to be able to toggle the demonstrated effects on and off to easily see the difference.
A vanilla version of this script would be extremely useful.
Thanks.
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
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
I propose that kerning.js is made available via bower (http://bower.io), a great package manager for tracking scripts and their dependencies.
After loading kerning.js, some tags (e.g, the i tag) will be lost (replaced by span tags).
When kerning.min.js is used, there is a console error vis-a-vis 'msie'.
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?
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.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.