【新機能】作り忘れたまとめはありませんか?31日前まで期間指定してまとめが作れる高度な検索ができました。有料APIだからツイートの漏れはありません!

【真夜中のOpenTypeフィーチャー講座】プロポーショナルメトリクスと自動カーニング

プロポーショナルメトリクスと自動カーニングって、いろいろ誤解されてるよね。
文字 opentype font
9869view 3コメント
83
ログインして広告を非表示にする
ものかの @monokano 2017-02-23 01:48:40
【真夜中のOpenTypeフィーチャー講座】これから「プロポーショナルメトリクス」と「自動カーニング」の連投講座をしてみるよ。
ものかの @monokano 2017-02-23 01:56:48
①みんなは「ツメ組み」というと、こういうイメージを持っているんじゃないかな。全角幅のグリフが食い込んでいるイメージ。 pic.twitter.com/j2FqwQZHGt
 拡大
ものかの @monokano 2017-02-23 01:57:59
②でもね、今どきの日本語OpenTypeフォントって、こうじゃないんだ。 pic.twitter.com/zwJoX6JHzG
 拡大
ものかの @monokano 2017-02-23 01:59:32
④プロポーショナル幅に変更して… pic.twitter.com/3Z6Vg2ipU5
 拡大
ものかの @monokano 2017-02-23 02:03:37
⑤ベタ組みにする。これが今どきのツメ組み。ツメているのはグリル間ではなく、グリフのサイドベアリングなんだな。これが「プロポーショナルメトリクス」。日本語OpenTYypeフォントの中に仕込まれている機能なんだ。 pic.twitter.com/OtQ0So6NW4
 拡大
ものかの @monokano 2017-02-23 02:06:44
⑥全角幅からどうやってプロポーショナル幅に変えるかは、フォントを作る人たちが自分の目で見て決めて、数値を仕込んでいる。人間がひとつひとつ決めているんだよ。
ものかの @monokano 2017-02-23 02:10:08
⑦それでね、欧文組版っていうのは、プロポーショナル幅のベタ組なんだ。みんなは「ベタ組み」を日本語組版独特の組み方のように思っているじゃないかな。そうじゃないんだ。プロポーショナル組みとベタ組みは、併存するものなんだ。 pic.twitter.com/oOcMGOVynn
 拡大
ものかの @monokano 2017-02-23 02:11:51
⑧つまり、プロポーショナルメトリクスっていうのは、日本語を欧文組版と同じ「プロポーショナル幅のベタ組みにする機能」なんだ。
ものかの @monokano 2017-02-23 02:18:10
⑨もう一度、⑦と同じ画像を見てほしい。グリフがすき間なく並んでいるんだけど、「ティ」の間とか「Ye」の間とか、他に比べて広く見えるよね。プロポーショナル幅にしただけでは、まだスペーシングとしていけてないところが出てくる。そこで… pic.twitter.com/XjNtlX1Sbg
 拡大
ものかの @monokano 2017-02-23 02:21:48
⑩いけてないところを微調整して、スペーシングをブラッシュアップする。これが「自動カーニング」。これもフォントを作る人たちが、このグリフとこのグリフが並んだらこれだけ微調整するって目で見て決めて、フォントの中に数値を仕込んでいる。これも人間が決めているんだ。 pic.twitter.com/b8DtQWavxb
 拡大
ものかの @monokano 2017-02-23 02:26:57
⑪自動カーニングは、全角幅のグリフを食い込みツメする機能じゃない。「プロポーショナル幅のベタ組みをブラッシュアップする微調整」なんだよね。しかもグリフの組み合わせによっては、あえてグリフの間を広げたりする。だから文字ツメ機能でもなくて、あくまで微調整の機能。
ものかの @monokano 2017-02-23 02:34:29
⑫フォントの中に仕込まれた微調整カーニングを自動的に適用できるので、自動カーニングと言うんだ。日本だけ「ペアカーニング」なんて言っているけど、そもそもカーニングはグリフのペアで設定するものだから、いちいちペアなんて言う必要なんかないんだよね。
ものかの @monokano 2017-02-23 02:37:30
⑬それでね、日本語OpenTypeの自動カーニングは、絶対に押さえておかなきゃいけないことがある。その数値は「プロポーショナル幅のときの最適値」だってこと。全角幅のときに自動カーニングの数値だけを適用しちゃいけない。フォントを作る人たちもそんなことは想定していない。
ものかの @monokano 2017-02-23 02:40:13
⑭「全角幅のときに自動カーニングの数値だけを適用」なんてちょうおかしい。だから、Adobeのアプリで自動カーニングを適用すると、強制的にプロポーショナルメトリクスも適用されて、プロポーショナル幅になる。ちゃんとできているんだねー
ものかの @monokano 2017-02-23 02:44:08
⑮Adobeのアプリは、プロポーショナルメトリクスだけ適用することもできる。でも、せっかくプロポーショナル幅にしたんだから、自動カーニングも適用してブラッシュアップしておきたいよね。
ものかの @monokano 2017-02-23 02:48:38
⑯ついでにWebブラウザはどうなっているのか触れておこうか。どのブラウザも、デフォルトで自動カーニングがONになっている。これは欧文向けのデフォルト設定だと言っていい。それでね、みんな気づいていないと思うけど、日本語の全角幅グリフに自動カーニングだけ適用されてしまっているんだ…。
ものかの @monokano 2017-02-23 02:55:41
⑰ところが、なんとChromeだけはすごいんだよ。自動カーニングがONでも、Chromeは日本語のグリフに自動カーニングがかからない。すごいよねー。でも、これがかえって困ったことになる。プロポーショナルメトリクスを適用したときにも自動カーニングがかからないんだ…。
ものかの @monokano 2017-02-23 02:59:19
⑱Safariは面白いよ。全角グリフに自動カーニングだけ適用されてしまうし、プロポーショナルメトリクスを適用すると今度はなぜか自動カーニングがかからない。なんじゃこりゃw
ものかの @monokano 2017-02-23 03:02:07
⑲Firefoxはまた違うんだな。全角グリフに自動カーニングだけ適用されてしまうけど、プロポーショナルメトリクスを適用しても自動カーニングがかかる。まさに三者三様。
ものかの @monokano 2017-02-23 03:10:49
【まとめ】プロポーショナルメトリクスと自動カーニングは、別々の目的を持った異なる機能。一緒くたにして自動カーニングと言うのは大間違い。全角幅に自動カーニングを適用してはいけない。使う時は両方とも一緒に使おう。Webブラウザはまだ難しいけどね。
あるふぁ(仮) @peprintenpa 2017-02-23 03:08:36
でもInDesignはこうしてるかのようにカーソル位置がずれるよね… twitter.com/monokano/statu…
ものかの @monokano 2017-02-23 03:33:08
@peprintenpa GPOSをどう実装するかはアプリ次第なんですよね。OpenTypeフィーチャーの意図としてはadvanceWidth/advanceHeightの変更です。
ものかの @monokano 2017-02-23 04:15:57
追記:モリサワのA-OTFには、プロポーショナルメトリクスはあるけど、自動カーニングはない。だから微調整は手動カーニングでしないといけないよ。今はモリサワも改心して「AP-OTF」をリリースしてるけど、この説明は誤解を与えるよねぇ… bit.ly/2md5GqP
ものかの @monokano 2017-02-23 04:25:54
モリサワの説明に「最新のフォントテクノロジーに対応」って書いてあるけど、最新なんかじゃないよ。自動カーニングはType1からあった機能。昔のFontgrapherのマニュアルにも載ってるし。 pic.twitter.com/EO6yiWzzMl
 拡大
残りを読む(12)

コメント

NAOKO_san@走ります @himawari411 2017-02-23 09:24:09
何となく我流でやっていましたので、すごく勉強になりました。
GAIA @2xpush 2017-02-23 11:39:19
プロポーショナルメトリクスとツメ組と自動カーニングに差があるのだけは分かっていましたが、どんな制御と挙動なのかわかっていなかったので、非常にスッキリしました。
さろげーと @surrogatepair 2017-02-23 13:11:43
組版ソフトなら手動で修正できるとして、Webブラウザで変な挙動になるのをなんとかしてほしい。日本語等幅フォントなのに特定の文字だけ詰まってて気持ち悪い。
ログインして広告を非表示にする
ログインして広告を非表示にする