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. sticky-items

    JavaScript

    HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」

    sticky-itemsは指定したHTML要素をWebページの上部に付…

  2. jquery.peekABar

    JavaScript

    様々なカスタマイズができる便利な通知バー「jquery.peekABar」

    jquery.peekABarは様々なカスタマイズが可能な通知バー(通…

  3. JavaScript

    jQueryプラグイン・2014年上半期56選まとめ

    気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2…

  4. HC Sticky

    JavaScript

    スクロールしても要素を固定できるJSライブラリ「HC Sticky」

    HC Stickyはスクロールした時に特定の要素を固定したまま表示でき…

  5. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

  6. zingtouch

    JavaScript

    タッチジェスチャーをカスタマイズできるJSライブラリ「zingtouch」

    Zingtouchは、タッチ対応のデバイスにおける基本的なジェスチャー…

コメント

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

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

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ

Instagram始めました

Facebookページ

PAGE TOP