アンチエイリアス、フォント覚え書き

アンチエイリアス設定

illustratorでweb制作環境を整える際、媒体が紙でなくディスプレイなので環境設定>表示>ピクセルプレビューにする。
ただ、そうすると線1px、50x50pxの図形を描写すると、実寸が52x52pxとなってしまう。

これは、線にアンチエイリアスが働いて境界線の外と内側に0.5pxずつ太らせてしまうためです。

これを回避するにはアウトラインデータの線の位置を内側に設定すれば線幅1pxと49x49pxで合計50x50pxの図形ができあがります。

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

  • 等幅:1文字、1文字の幅が等しく同じ幅のフォント
  • プロポーショナル:文字毎に幅が異なるフォント(数字の"1"と漢数字の"一"など)


和文等幅フォントのアルファベットはプロポーショナルと比べて幅が細くなる場合もあるみたい。