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プラグインかと思います。

関連記事

  1. jQuery Slideshow

    JavaScript

    シンプル・軽量・レスポンシブなスライダー実装「jQuery Slideshow」

    jQuery Slideshowはシンプルで軽量、そしてレスポンシブに…

  2. no-image

    JavaScript

    要素ごとにスクロールできるjQueryプラグイン「snapScroll.js」

    snapScroll.jsは要素ごとにきりのいいところでスクロールされ…

  3. no-image

    JavaScript

    シンプルなイメージスライダーとカルーセルを実装できる「SkySlider」

    SkySliderはシンプルで軽量、そしてレスポンシブにも対応したイメ…

  4. gridslide.js

    JavaScript

    いろんな方向に画像をスライドできるjQueryイメージスライダー「gridslide.js」

    gridslide.jsはいろんな方向に画像をスライドさせることができ…

  5. PopCircle
  6. Ziehharmonika

    JavaScript

    かっこいいアコーディオンを実装できる軽量のjQueryプラグイン「Ziehharmonika」

    アニメーションがとてもクールでかっこいいアコーディオンを実装することが…

コメント

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

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

最近の記事

  1. iPhone 11 ProとApple Watch Hermès
  2. cheero Energy Plus mini Wireless 4400mAh
  3. cheero 2 port PD Charger
  4. 台座と紅葉
  5. ニルヴァーナ バターチキンカレー

アーカイブ

PAGE TOP