作成: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.エフ