CSS Nite LP, Disk 11　鷹野雅弘さんセッション

withoutsugar（みどり） @withoutsugar

次は→鷹野 雅弘：Webデザイナーのためのタイポグラフィと文字組版 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 次は鷹野さんによる「Webデザイナーのためのタイポグラフィと文字組版」です。鷹野さんは「あの人は司会の人だ」と認識されてしまうのが悩み（？）とか。

crema𝕏（黒野明子） @crema

#cssnitelp11 「ユーザーにとっては、テキストこそがコンテンツ。Webで文字を扱う場合、画像として処理、デバイスフォントで表示、Webフォントで表示がある。今日は、前ふたつに触れる」

withoutsugar（みどり） @withoutsugar

「和文フォント。仮想ボディの中で字面（レターフェイス）がデザインされる。活字の名残。ベタ組とツメ組み（あけ組みというのも）。仮想ボディに対して字面の小さ目なオーソドックス、大きめなモダンスタイル（そのままならべても間隔があいてみえない）がある」 #cssnitelp11

withoutsugar（みどり） @withoutsugar

イラストレーターの文字パレットを用いて字詰めの実演 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 「Illustrator CS以降では、文字パレットの『A\V』の項目を『自動』にすると詰まる。細かいところを調節するには、Option＋矢印キーで調整。」

crema𝕏（黒野明子） @crema

#cssnitelp11 「『オプティカル』を選択すると、どんなフォントでも見た目で詰めてくれる。『→あ←』の部分のパーセントを高い数字にすると、どんどん詰まっていく。」

crema𝕏（黒野明子） @crema

#cssnitelp11 「欧文フォントの話。欧文は仮想ボディにあたるものが無い。プロポーショナル。『エックスハイト』『ベースライン』『アセンダライン』『ディセンダライン』のお話。（懐かしい）」

withoutsugar（みどり） @withoutsugar

「日本語フォントは正方形のなか、MSPゴシック、MSP明朝は例外的に詰まっている（つまり過ぎかなとも思う）。」 #cssnitelp11

withoutsugar（みどり） @withoutsugar

「欧文フォントは仮想ボディのかわりに、ベースライン、小文字ｘの上を指すエックスハイト、大文字上の部分うえのキャップライン、アセンダーライン、ディセンダーライン。」 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 「英語の場合はline-height:1.2;でちょうどいいけれど、日本語だと、150%-190%がよいのでは」

withoutsugar（みどり） @withoutsugar

「欧文のフォントと日本語のフォントはメカニズムが違う。これにより、英文字日本語が混じったテキストは、大きさのバランス、ベースラインの位置を調整しないといけない。」 #cssnitelp11

withoutsugar（みどり） @withoutsugar

「テキスト画像は括弧類は全角で使って、詰めるのをお勧めする」 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 「欧文フォントと和文フォントでは、構造が違う。特に大きさのバランスとベースライン。同じ大きさの欧文と和文を混植すると欧文の方が小さく見える。パーレンの話。和文のパーレンに比べて、欧文のパーレンは少し位置が低い。パーレンの中身が欧文の場合はちょうどいい」

crema𝕏（黒野明子） @crema

#cssnitelp11 「新ゴのA-CIDとA-OTFでは、全角の時の数字が違う。A-CIDの時は、全角の数字が細長かった。A-OTFだと両方揃っている」

withoutsugar（みどり） @withoutsugar

日本語フォントと欧文フォントを組み合わせた「混植」の実例を紹介 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 「和文フォントの英数文字は、あまり美しくない場合があるので、数字類を半角にして、半角英数だけ欧文フォントを指定すると美しい。混植という。その際の欧文フォントは、サイズを少し大きくして、ベースラインを少しあげると揃う」

@mighty_works

#cssnitelp11 Appleの書体の紹介

crema𝕏（黒野明子） @crema

#cssnitelp11 「Appleの和文書体の変遷は、リュウミン→ヒラギノゴシック→AXIS。Adobeの和文書体の変遷は、新ゴ→小塚ゴシック→りょう」

crema𝕏（黒野明子） @crema

#cssnitelp11 「AiとIDの合成フォントのお話。設定画面で欧文フォントのサイズなどを指定できる」

crema𝕏（黒野明子） @crema

#cssnitelp11 「和文フォントは、ひらがなとかたかなを漢字を違うものにすると、随分雰囲気が変わる」

withoutsugar（みどり） @withoutsugar

和文フォント20年の歴史 #cssnitelp11

crema𝕏（黒野明子） @crema

#cssnitelp11 「5分で分かる和文フォント20年の歴史。最近は、モリサワが一人勝ち。昔は写研が一人勝ち。写研は、デジタル化を拒んだ。」

crema𝕏（黒野明子） @crema

#cssnitelp11 「モリサワの基本7書体（移し漏らした。）。新ゴのお話。新ゴやゴシックMB101のウェイトのお話。」

crema𝕏（黒野明子） @crema

#cssnitelp11 「技術系書籍の本文にとても使われている中ゴシックBBB」