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

のえる @noellabo

@monokano それで、この強制的にプロポーショナルメトリクスが適用されている状態で、手動でカーニングを調整しようとすると、そこだけ強制プロポーショナルが切れて全角幅＋手動の調整となり、微調整のつもりがいきなり大幅に動くし、前の文字との間隔も動いちゃうって挙動になるんですね。 pic.twitter.com/uD1ae995wF

拡大

ものかの @monokano

Webブラウザで自動カーニング（kern）とプロポーショナルメトリクス（palt） がどのように発動するのか、分かりやすい検証用のページを作ってみたよ。ベンダーごとにまちまちで面白いんだな。 tama-san.com/otf_test/

ものかの @monokano

今のWebブラウザはこんな状況だから、Webブラウザの表示結果でOpenTypeフィーチャーの仕様を学んじゃいけないよ。そんなことしちゃだめ、絶対。

やも🐸アブラのレタッチ鰤🇯🇵ゲコリノフ @yamo74

iOS10だとSafari/Chrome/Opera/Firefoxで同一の表示だった。 pic.twitter.com/WhoBz69S7J

拡大

ものかの @monokano

@yamo74 そうなんだー。どのブラウザも同じWKWebViewを使っているのかな。

やも🐸アブラのレタッチ鰤🇯🇵ゲコリノフ @yamo74

Chrome/Firefox/Safari（Mac） pic.twitter.com/M5z5TpTgMD

拡大

ミニヘイ🍏 @mini_yama

グリル🔥

ものかの @monokano

@mini_yama 唐突に食欲をかもしだす一言をすべりこませて（噓

ミニヘイ🍏 @mini_yama

@monokano すみません、おいしそうな言葉みつけてしまってw

ものかの @monokano

Webブラウザの「kern & paltコンテスト」の発表です。 全角組み部門の優勝は…Chromeさん！ おめでとうございます！ 欧字はkernを発動、和字は発動しない。Adobeのカーニング設定「和文等幅」もこれと同じ仕様ですね。これぞ理想です。Chromeさんの一人勝ち。 pic.twitter.com/3K7TrweLJ6

拡大

ものかの @monokano

Webブラウザの「kern & paltコンテスト」次はプロポーショナル組み部門。 優勝は…Firefoxさん！ おめでとうございます！ そうですよね～こうならないといけませんよね。こちらもFirefoxさんの一人勝ちでした。そしてSafariさんは…いろいろがんばりましょう… pic.twitter.com/8JZTGXDIRy

拡大

生田信一 @shinichi_ikuta

へー。「自動カーニング」って、マシン側が計算して処理しているような印象を受けるけど、人間の考え（美感）が色濃く反映した機能であることがよくわかりました。 fb.me/1LgfBuNG9