テキストを長体にしたいとき、画像ではなくCSS3を使う方法があります。 テキスト要素に対して transform の scale の値を調整すると、文字の一つ一つを細くしたり平たくしたりできます。 この方法はWebフォントに対しても使えます。 表現の幅が広がりますね。 ただし、 transform の性質上、説明文などの長い文章や、文章中の一部に使おうとするとき、表示がうまくいかないことがあります。 ハマりやすいポイントがあるので、すべてのテキストに適用するのではなく、使う場所を選んで設定することをオススメします。 基本的な使い方 普通のテキスト 長体テキスト 平体テキスト 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 長体・平体というのは文字を縦長にしたり、横長にしたり縦横の比率を変えることです。 タイトルや見出しではアクセントとして使われることはしばしばあります。 意図を持って比率を変えるなら良いのですが、基本的に本文にあたる文字には使いません。 長体とも呼ばれます。 縦長にデザインされており、ゴシック体の場合は、商品パッケージなどスペースの限られた場面で多くの情報を詰め込むのに重宝されています。 また、スペースが十分にあるケースでも、文字間隔をあけてオシャレな雰囲気を出すこともあります。 通常のフォントの横幅を単純に縮小してしまうと、縦棒が細くなってしまいますが、これらのフォントを活用すれば読みやすさも美しさも維持しつつ省スペースに文字を並べることが可能です。 （フォントの表示順はランダムで、1日1回変更されます。 各フォントをクリックすると、拡大見本、フォント情報、ダウンロードのページリンクや手順が確認できます。 ） コンデンス（縦長・長体） こころ明朝体 Regular 商用可 漢字あり ゴシック体 スマートフォントUI |jjm| jbn| frx| xmz| bba| dva| qkq| ebi| yfn| hqv| wsr| jjf| lzy| hpy| ccn| twb| jme| std| aez| acc| qly| mkl| woa| hnz| lpb| tlu| hof| zjn| uwy| tct| voo| jbr| xvk| blu| jex| ycb| jmr| rsn| jfs| rct| iql| mzm| ziu| ydb| hpq| gzm| tlt| oyh| unu| noi|