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. Sliding Panels Template
  2. JavaScript

    jQuery illuminateを使えばボタンに光を加え点滅させたりして注目させることができる

    ちょっと面白そうだったので使ってみました。jQuery illumin…

  3. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量ライブラリ「Lazyestload.js」

    Lazyestload.jsは画像の遅延読み込み機能を実装できる軽量の…

  4. WebSnowjq.js

    JavaScript

    Webページに雪を降らせてくれるjQueryプラグイン「WebSnowjq.js」

    WebSnowjq.jsはWebページの中に雪を降らせることができるj…

  5. JavaScript

    レスポンシブ対応のカッコイイLightbox風jQueryプラグイン「Lightcase」

    Lightcaseはフレキシブルでレスポンシブに対応したLightbo…

  6. Animated Heat Distortion Effects with WebGL

    JavaScript

    陽炎のような揺れを表現できる「Animated Heat Distortion Effects wi…

    夏の暑い日などによく見かける「陽炎」のようなエフェクトを実装することが…

コメント

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

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

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP