最初に覚えたい!フォントの基礎知識5選

最初に覚えたい!フォントの基礎知識5選

最初に覚えたい!フォントの基礎知識5選

prevnext

SELECT_04

カーニングとトラッキング

文字と文字の間隔を調整するときに用いるのが、カーニングとトラッキングです。カーニングは文字同士が隣り合う箇所の「字間」、トラッキングは行や段落全体の「字送り」です。
カーニングとトラッキング
単位の「em」とは?
主に欧文書体のカーニングやトラッキングなどに用いられる単位で、「em スクエアの比率 (文字の構造的な幅 : 字面)」を 1000 とした分割値が 1 em (1000 / 1000 em) となります。
文字の構造的な幅は絶対的ではなく、文字によって変化するので、カーニングやトラッキングにおける 1 em も相対的に変化します。たとえば、幅がいちばん広い「W」は、「M」の約 1.2倍、幅がいちばん狭い「I」は、「M」の約 0.25倍で算出されます。

カーニング / 字間

カーニングとは、字間の距離を調整する作業をいいます。となりにくる文字によって字間が不揃いに見える場合があり、その空間を「カーニング値」で詰め均等に揃えます。
欧文書体のペアカーニング

欧文書体のペアカーニング
プロポーショナルフォントには、あらかじめカーニング情報があり、適用する場合は「メトリクス」を選択します。
自動的に設定されるカーニング!
カーニングに「メトリクス」を選択すると、たとえば、LA、To、Tr、Ta、Tu などのペアカーニング値に基づき自動的に設定されます。また、自動カーニングには、隣り合う文字に対して一律のスペーシングを行う「オプティカル」という設定項目もあります。
メトリクスとオプティカル

メトリクスとオプティカル

トラッキング / 字送り

トラッキングとは、行や段落全体の字送りを調整する作業のことをいいます。単位に使用される「em」は、文字の構造的な幅 (字面) を1とする 1000 / 1000 が「1 em」とされます。
トラッキング幅を広げる

トラッキング幅を広げる
分数で表示されない?
Photoshop や Illustrator では、分子に足される数値、または引かれる数値を設定します。たとえば、設定値が「+200」なら、1 em の 1000 / 1000 の分子に 200 が足されて 1200 / 1000 になります。この場合を小数点で表すと「1.2 em」となります。
Photoshop のトラッキング設定値

Photoshop のトラッキング設定値
設定値の「0」は、1000 / 1000 em、つまり 1 em で、字送りが 1 em、字間が 0 em であること示します。設定する文字の大きさに対して相対的な値となるため、同じ設定値でも文字の大きさが違うと、トラッキング幅の実質的な距離は変わってきます。
基本がわかる動画を配信中!
チャンネル登録をお願いします!

文字組み

文字組みとは、文字列、または段落で、複数の文字を組み合わせることをいいます。主に字間や行間などを調整し、視覚的に文字を読みやすくする際に用いられる専門用語です。
文字組み

行揃え

行揃えとは、段落がある文章の各行の揃え方をいいます。行揃えの種類には、左揃え、中央揃え (センタリング)、右揃え、ジャスティファイ (均等配置)、両端揃えがあります。
左揃え

左揃え
中央揃え

中央揃え
右揃え

右揃え
両端揃え

両端揃え

行送り

行送りとは、行間を詰めたり、空けたりする調整のことをいいます。ベースラインや仮想ボディの特定箇所の間隔を数値 (pt) で表します。
特定箇所の間隔を数値で表す

特定箇所の間隔を数値で表す
行間は空間の距離ですが、行送りは、フォントサイズ (ボディサイズ) を含めた空間の距離です。たとえば、フォントサイズが 14pt で、行間が 7pt なら、行送りは 14 + 7 = 21pt になります。

ベースラインシフト

ベースラインシフトとは、文字のベースラインを移動させて、文字組み調整する操作です。サイズ設定の違う文字を組んだり、欧文と和文の並びを均等を見せる場合などに用います。
ベースラインを表示

ベースラインを表示
ベースラインを移動

ベースラインを移動

等幅フォント

等幅 (とうはば) フォントとは、すべての文字や記号が、半角、または全角の、同じ幅で使用することを前提にデザインされた書体のことをいいます。「i」や「l」など、幅の狭い文字にその特徴が見られ、タイプライター風の「Courier」が代表的なフォントです。
等幅フォントとプロポーショナルフォント

等幅フォントとプロポーショナルフォント

プロポーショナルフォント

プロポーショナルフォントとは、文字列の見え方が均等になるよう、それぞれの文字ごとに最適な幅を与えデザインされた和文書体のフォントです。すべての文字幅が等しくデザインされた「等幅フォント」とは大別されます。OpenType フォントの大部分は、プロポーショナルフォントで占められます。
等幅フォント

等幅フォント
プロポーショナルフォント

プロポーショナルフォント
P がつくフォント!
「MS ゴシック」と「MS 明朝」には、名前に「P」がついた「MS Pゴシック」と「MS P明朝」があります。これは、等幅フォントとプロポーショナルフォントの違いを表しています。
最初に覚えたい!フォントの基礎知識5選

prevnext

スポンサード リンク