kerning-the-web | Various methods of kerning web typography

kerning-the-web is a JavaScript library. kerning-the-web has no bugs, it has no vulnerabilities and it has low support. You can download it from GitHub.

Various methods of kerning web typography as part of the @ixdbelfast AAD117 - Exploring Identity module. ###1. Kerning with - San Serif In this example we'll work through kerning type using 's and the letter-spacing CSS element. ###2. Kerning with - Serif Let's try it again, this time using a different typeface and case. Notes Kerning with and letter-spacing can make your code messy, especially on long words where a lot of kerning is required. It is however supported by all browsers and gives you absolute and precise control over the kerning. ###3. Kerning with font-kerning - Serif In this example we'll work through kerning type using the font-kerning CSS3 property. Note: Kerning with the CSS3 property font-kerning controls the usage of the kerning information, that is, if this information is stored in the font. Try Georgia for example, you'll notice there is no change. Be wary of the browser support for this property as at the time of writing, is fairly limited. ###4. Kerning with JavaScript - Sans Serif In this example we'll work through kerning type using JQuery and Kerning.js. ###5. Kerning with JavaScript - Web Fonts In this example we'll work through kerning type using JQuery and Kerning.js using a typeface of your choice, from Google Fonts. Note: Kerning with Javascript offers a great way to take control of your web typography. There are many great features baked in that makes life easier, like transforming letters and positioning. The downside is the payload of these scripts increase the page load and the rendered HTML wraps the letters in 's and inline CSS.