ダークモード対応絵文字を作る
まだ便利なツールはないようなのでAdobe XDで作った
https://gyazo.com/9cad062bf660ebfc4032037e2065b818
160×160の白い正方形の上に、太い黒のテキストと、少し細い白のテキストを置いて、グループ化して書き出している。
https://gyazo.com/f6cde9ef96cdeaf9ecdb7927f831bf60https://gyazo.com/0090f32c1bc7b1f3496221ff57399e3e
小さい絵文字で使われるのでそのままの文字ではつぶれて見にくくなった。白い文字にも元々の文字に5pxの境界線をつけて太くした。
カーニング-150で文字の間を詰めている。
https://gyazo.com/4f0e82f04810737b3d660dbbefbf8308https://gyazo.com/373a930f438dcfcb8d64e67a800eaa5c
今気づいたけどこのフォントJapaneseじゃなくてJavaneseじゃん!(実害はなかったようだ)
https://gyazo.com/33fd79604b722a5e157026fdc3493130
https://gyazo.com/11f3f8a8af62aea09e38a407d0f1c2ca
表示しないのになぜ正方形を用意してるか
画面上で文字が小さすぎると読めない
画像のサイズが大きくなると同じフォントサイズでも文字が小さくなってしまう
固定サイズの正方形に収めることで画像のサイズを固定する