Definition List Icon

一時的な見た目の問題。

「WP-yomigana」ってプラグイン、エディタをルビとか定義リストとかに対応させられる素晴らしいプラグインなんだけれど、なんか定義リストのアイコンだけDashiconsっぽいデザインになってなくて気持ち悪かったので、個人用にソレっぽいのを作ってみたわけです。

折角作ったのにプラグインのアプデとかでなくしたら悲しいので、ここに置いておくことにします。

dl左揃えのアイコンよりも1pxだけ頭が上に出ているんですが、ビットマップ上で1px下げるとレンダリング結果が2px下がるとかいう変な現象が起きてます。微妙に縦方向のスケーリング食らってるのかな?他のアイコンに比べると結構下寸法が大きいので、下よりは上に飛び出す方がマシかなということでとりあえずこれで。

ClearTypeのレンダリング結果を基に作っているのでグレースケールではないです。縦画面とかで使ってるときもい結果になるかも。

使うときは、/wp-content/plugins/wp-yomigana/assets/img/dist/dl.pngを置き換えるだけ。srcの方はまだ使われてないっぽい?まあ使われるようになる頃には公式のアイコンが準備されてるかもしれんけど。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です