作成:2013/11/5 更新:2014/10/24 Webデザイン > 画像を使うと変更がめんどう。出来ることならテキストで済ませたい。Webデザインはカーニングなどによる可読性の調整は難しいですが、CSSやjsを用いた簡単な指定で、文章の読みやすくしたり、注意をひくことが可能です。今回はCSSやjQueryで調整できるテキストまわりをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ js/プラグインなど 1.文字詰め 2.テキストの幅にあわせてテキストのサイズを自動調整 3.縦書き 4.均等割り付け 5.画面幅に応じて可変 6.一文字ずつ、文字ごとに色を変える 7.回転 8.文字の色を反転 9.弧を描くように文字列を配置 CSS 10.カーニング 11.3D風 12.テキスト選択時 13.ヴィンテージ風、ストローク状、エンボス加工 14.エフ
![画像は使わない!文字を装飾するCSS/jsまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8bef2b1098c45144f17339f2115ade4b56c3b34d/height=288;version=1;width=512/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2Fai_Character_css.png)