README.txt

http://fladdict.net/blog/2011/02/auto-kerning.html

グローバル汚染を無くしたのと、jQueryらしくかけるようにしました。

// 引数なしの場合デフォルトのカーニングが摘要される。
$(selector).FLAutoKerning();
// 引数を入れた場合、そのカーニングが摘要される。
$(selector).FLAutoKerning(myKerningInfo);

ライセンスは元のFLAutoKerning.jsを継承します。

jquery.FLAutoKerning.js

(function($){
  /*
  	カーニングペアの定義
  	単位はem。 -0.5(em) でボックス0.5個分詰まる。
  	"*く" と定義した場合、"あく"、"いく"、"うく"、というように、全ての"○く"の組み合わせにカーニングが設定される。
  	"あく" と定義をした場合、 "あく"という文字のペアのみにカーニングが設定される。
  	ワイルドカードペアと直接指定のペアが衝突する場合、直接指定のペアが優先される。
  */
  var p = {};

  //前後の文字をワイルドカード指定した汎用のカーニングペア
  p["*う"] = -0.03;
  p["う*"] = -0.02;
  p["*く"] = -0.075;
  p["く*"] = -0.075;
  p["*し"] = -0.075;
  p["し*"] = -0.075;
  p["*ぁ"] = -0.05;
  p["ぁ*"] = -0.075;
  p["*ぃ"] = -0.05;
  p["ぃ*"] = -0.075;
  p["*ぅ"] = -0.05;
  p["ぅ*"] = -0.075;
  p["*ぇ"] = -0.05;
  p["ぇ*"] = -0.075;
  p["*ぉ"] = -0.05;
  p["ぉ*"] = -0.075;
  p["*っ"] = -0.075;
  p["っ*"] = -0.075;
  p["*ゃ"] = -0.05;
  p["ゃ*"] = -0.075;
  p["*ゅ"] = -0.05;
  p["ゅ*"] = -0.075;
  p["*ょ"] = -0.075;
  p["ょ*"] = -0.075;
  p["*ト"] = -0.075;
  p["ト*"] = -0.075;
  p["*ド"] = -0.075;
  p["ド*"] = -0.075;
  p["*リ"] = -0.075;
  p["リ*"] = -0.075;
  p["*ッ"] = -0.05;
  p["ッ*"] = -0.075;
  p["ャ*"] = -0.05;
  p["*ャ"] = -0.05;
  p["ュ*"] = -0.05;
  p["*ュ"] = -0.05;
  p["ョ*"] = -0.08;
  p["*ョ"] = -0.08;
  p["*「"] = -0.25;
  p["」*"] = -0.25;
  p["*（"] = -0.25;
  p["）*"] = -0.25;
  p["、*"] = -0.25;
  p["。*"] = -0.25;
  p["・*"] = -0.25;
  p["*・"] = -0.25;
  p["*："] = -0.25;
  p["：*"] = -0.25;

  //直接指定のカーニングペア
  p["して"] = -0.12;
  p["す。"] = -0.15;
  p["タク"] = -0.12;
  p["タグ"] = -0.12;
  p["ット"] = -0.2;
  p["ラム"] = -0.1;
  p["プル"] = -0.1;
  p["ンプ"] = -0.15;
  p["ング"] = -0.05;
  p["ード"] = -0.15;
  p["」「"] = -0.75;
  p["」。"] = -0.25;
  p["」、"] = -0.25;
  p["、「"] = -0.75;
  p["。「"] = -0.75;
  p["、『"] = -0.75;
  p["。『"] = -0.75;
  p["、（"] = -0.75;
  p["。（"] = -0.75;

  //1文字は行頭専用のカーニングペア
  p["「"] = -0.5;
  p["『"] = -0.5;
  p["（"] = -0.5;
  p["【"] = -0.5;
  p["“"] = -0.5;


  /*
   * @class FLAutoKerning
   * @version 0.0.3 (2011/02/28)
   * 
   * テキストに文字詰めを適用するUtilityクラス。
   * インスタンス化せずに、スタティック関数として使用する。
   *
   * @author Takayuki Fukatsu, artandmobile.com, fladdict.net
   * @requires jQuery
   */
  var FLAutoKerning = {};


  /*
   * ディフォルトのカーニング情報を格納した定数。
   * ユーザーが任意のカーニング情報を適用しない場合は、この情報を基準にカーニングが設定される。
   */
  FLAutoKerning.DEFAULT_KERNING_INFO = p;


  /*
   * 渡された jQuery オブジェクト内のテキストに、字詰めを適用する。
   * 字詰めはスタイルシートのletter-spacingによって実現される。
   * 第2引数を指定することで、ユーザー独自のカーニング情報を適用することも可能。
   * 
   * @param {jQuery} elements テキストを内包したhtml要素の jQuery オブジェクト。
   * @param {Array} kerningInfo カーニングペア情報を格納した配列。省略した場合は、FLAutoKerning.DEFAULT_KERNING_INFO が適用される。
   */
  FLAutoKerning.process = function( elements, kerningInfo )
  {
  	if(kerningInfo==undefined)
  		kerningInfo = FLAutoKerning.DEFAULT_KERNING_INFO;

  	elements.each(
  		function(index, element){
  			var html = $(element).html();
  			var newHtml = "";
  			var n = html.length;
  			for(var i=0; i<n; i++)
  			{
  				var char = html.substr(i,1);
  				var char2 = char;
  				var nextChar = html.substr(i+1,1);
  				var space = 0;

  				if(kerningInfo[char+nextChar]){
  					//明示的なカーニングペアの処理
  					space = kerningInfo[char+nextChar];
  				}else{
  					//汎用カーニングペアの処理
  					if(kerningInfo[char+"*"] )
  						space += kerningInfo[char+"*"];
  					if(kerningInfo["*"+nextChar] )
  						space += kerningInfo["*"+nextChar];
  				}
  				if(space!=0)
  					char2 = "<span style='letter-spacing:" + space + "em'>" + char + "</span>";

  				//行頭約物の処理
  				if(i == 0 && kerningInfo[char])
  					char2 =  "<span style='margin-left:" + kerningInfo[char] + "em'/>" + char2;

  				newHtml += char2;
  			}
  			$(element).html(newHtml);
  		});
  }

  /**
   * jQuery Extension
   * @author Kotaro Imai, hokypoky.info
   * @requires jQuery
   * @param {Array} kerningInfo カーニングペア情報を格納した配列。省略した場合は、FLAutoKerning.DEFAULT_KERNING_INFO が適用される。
   */
  $.fn.extend({
    FLAutoKerning: function(kerningInfo){
      this.each(function(){
        FLAutoKerning.process($(this), kerningInfo);
      });
      return this;
    }
  })
})(jQuery);