簡単！CSSで日本語フォントの文字間隔調整【font-feature-settings】 | 株式会社LIG

2022/06/08 99 users font-feature-settings CSS DTP

グラフィックデザインやDTP、いわゆる紙媒体のエディトリアルデザイナーさんにとっては当たり前の文字間隔の調整。Webではトラッキングを「letter-spacing」で設定できますが、個別の調整ができることをご存じない方も多いのでは？ 実は、「font-feature-settings」というCSSのプロパティを設定することで、Webで簡単に... 続きを読む

letter-spacingを隠し味程度に | a-ki blog

2016/12/26 13 users line-height 行間 長文 デフォルト 配慮

このブログは基本font-sizeを100％にしています。もちろん文章が読みやすいようにという配慮からなんですけど、文字が大きいと詰め込んだ印象になって長文の場合かえって読みにくく感じることがあります。 これを解消するにはline-height（行間）を広めにとる（130%～150%くらい）と同時にletter-spacing(字間）をほんの少し広げてやると良いみたいです。 デフォルトではlett... 続きを読む

HTMLでカーニング！手軽に文字詰めできる「FLAutoKerning.js」 | デザイナーブログ | 株式会社LIG

2012/10/29 276 users カーニング CSS ウェブフォント 日焼け もりた

こんにちは、机に置いたおもちゃの日焼けが気になるもりたです。 今回は、前からちょっと気になっていたウェブフォントをカーニングできるJS「HTMLで文字詰めするタイポグラフィー用JS」を試してみました。 http://fladdict.net/blog/2011/02/auto-kerning.html ご存知のとおり、jsを使わなくてもletter-spacingを使ってcssだけで設定しようと思... 続きを読む

行間と文字間の悩み

2005/04/27 25 users 行間 長文 段落 文字間 個々

On Line-Height & Letter-Spacing 行間や文字間を何も設定しないと、Webページは文字がびっしりで非常に読みにくいページになってしまいます。実際にそうしたページに遭遇することも多いのではないでしょうか。もちろん、個々の段落が短い文章であればよいのですが、私たち思想系のサイトの場合、必然的に文字ばかりからなる長文がサイトのメインを占めがちです。これを行間や文字間なしで読む... 続きを読む