Css js typography kerning js

Page 1

JQuery Text Effect Awsome Plugin

CSS, meet kerning. Kerning, meet CSS. Kern, style, transform, and scale your web type with real CSS rules, automatically. Kerning.js is a single script, small, and only depends on jQuery. Add it to your page, add some CSS rules, and your text will be beautified.

Status This project is currently stable. No major issues have been reported.

Version The current version is 0.2.1.

Usage Include this file anywhere in your HTML <script src="kerning.js"></script> Then, add any of the attributes following to your CSS, under any selectors you want modified: -letter-kern, -letter-size, -letter-weight, -letter-color, -letter-transform -word-kern, -word-size, -word-weight, -word-color, -word-transform To use pairings (e.g., modify ‘a’ if ‘ab’ is paired): -letter-pairs('xy': [value], …) -word-pairs('cat mouse': [value], …)


To use multiple transforms, you need to use transform “groups”: -transform-group([transform] [transform] …) To add rules for a particular rendering engine, use a prefix on any of the attributes: Demo | Download


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.