Kerning.js

JavaScript

文字間のカーニングや一部の色を変えたりできるjQueryプラグイン「Kerning.js」

文字間のカーニングや一部の文字の色を変えたりできるjQueryプラグイン「Kerning.js」をご紹介します。これを使えば簡単にテキストの見栄えを向上させることができます。CSSから値を指定できるのも使いやすいポイントではないでしょうか。以下、使い方です。

[ads_center]

使い方

Kerning.jsのプラグインを読み込みます。jQuery本体は読み込んでいるのが前提です。

<script src="kerning.js"></script>

あとはCSSで目的の要素をスタイリングしていきます。以下は各ワードの色を指定する場合。

#pantone-please {
    -word-color: #f5474b #000000;
}

他にもテキストを変形させたりサイズを調整したりもできます。

Kerning.js

CSSで気軽に設定できるのがいいですね。画像を使わずにテキストの見栄えを調整していきたい時には活用したいjQueryプラグインかと思います。

WordPressのログイン時のツールバーWordPressでカテゴリーとタグのリストを一緒に出力して表示させるやり方前のページ

ヘボン式ローマ字を使う時の注意事項や便利な一覧表、入力変換サービスなど次のページヘボン式ローマ字

関連記事

  1. JavaScript

    JavaScriptのlocation.searchでクエリ情報を取得してみる

    JavaScriptで、現在のページのクエリ情報(URLの末尾にある「…

  2. underline.js

    JavaScript

    遊び心あるアニメーションと美しさを追求したアンダーライン「underline.js」

    underline.jsはアニメーションが付いた美しいアンダーラインを…

  3. basicScroll

    JavaScript

    モバイル・デスクトップに対応したパララックススクロール実装「basicScroll」

    basicScrollはモバイル・デスクトップに対応したスタンドアロー…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのbindメソッドとliveメソッドの簡単な違いや使い方

    bindとliveの違いがちょっとわかりずらかったのでまとめてみました…

  5. jQueryを使わないコード集

    JavaScript

    jQueryを使わないでコードを書くTips集

    jQueryを使えば簡単にできることがたくさんあるんですが、ちょっとし…

  6. Chameleon.js

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Aモーニングセット
  2. 白トリュフの塩パンやメロンパンなど
  3. 東京都現代美術館
  4. スーリア バターチキン
  5. そそそ 明太クリームそうめん

アーカイブ

PAGE TOP