cles::blog

ImageMagick^*1を使って複数の画像を合成する方法をいつも忘れてしまって、調べ直すのに時間がかかるので忘れないうちにやり方をメモ。

今回は OGP (Open Graph Protocol) 向けの画像をベースの画像から生成します。
また、挿入する文字に日本語が使いたかったので、今回は MoboGothic（OTF版） を指定しています。

具体的なコマンドは以下のとおり。
具体的な処理としては base.png の中央に文字を追加し、右上にアイコンを貼り込みます。

† 実際の合成例

base.png + icon.png


合成後

• ^*1: ImageMagick – Command-line Tools: Convert

IBM Plex Sans JPというフォントが話題になっていたのでメモ。
ライセンスは OFL-1.1^*1*2 となっています。

• IBM/plex: The package of IBM’s typeface, IBM Plex.

日本語も読みやすいので、誰かこれで等幅なプログラミングフォント作ってくれないですかね。

• ^*1: OFL web version
• ^*2: SIL Open Font License (SILオープンフォントライセンス)

フォントワークスが 8 書体を Google Fonts での提供を開始していたのでメモ。

ファイルは Google Fonts だけでなく、GitHub にも上がってますね。

• Fontworks Inc. · GitHub

「Google Fonts」へディスプレイ書体など全8書体を提供しました | Fontworks

私たちは、「もじと もっと じゆうに」というタグラインを掲げ、文字の力を最大化し、すべての人の日常に新たな価値を生み出していきたい、と考えています。Google Fontsが掲げる "Making the web more beautiful, fast, and open through great typography" にも共感し、一部書体ではありますが、Google Fontsへ提供いたしました。

プログラミングでは Myrica は見やすいのですが、メーラーで日本語主体の文章を読み書きするためにはちょっとクセが強すぎるので、もう少しシンプルなフォントが欲しくなってきました。

ちょうどメイリオ^*1とConsolas^*2を合わせて、等幅にしたようなものがあれば良いんですが、そんあ都合の良いものはないんですよね。

† 等幅のメイリオ MeiryoKe_Console

メイリオを等幅化したものとしては、メイリオを改造した MeiryoKe に含まれている MeiryoKe_Console とというものがあります。英数字を Consolas ＋日本語をメイリオで表示するためには以下のようにレジストリを書き換えて Consolas と MeiryoKe をリンクさせてやる方法があります。

上記は MeiryoKe が meiryoKe_650r1.ttc というファイルでインストールされている場合の設定なので、MeiryoKe バージョンに合わせて書き換える必要があります。

† FontForge でフォントをマージする

上記のレジストリを書き換える方法はお手軽ですが Firefox や Thunderbird には効かないという大きな問題があります。仕方がないので FontForge という OSS のフォントエディタを使って自分用に MeiryoKe と Consolas をマージしたフォントを作ってしまうことにしました。

Consolas は Em Size が 2048 ですが、文字幅が 1126 となっている^*3ので、そのまま MeiryoKe と合成すると日本語と英数字が混在すると等幅にならなくなってしまいます。このため、まず Consolas の文字幅を 1024 に変更してから、MeiryoKe とマージしてやります。

具体的な手順としてはこんな感じです。

1. メニュー「編集」→「選択」→「出力に値するグリフ」を選択
2. メニュー「エレメント」→「変形」→「変形」を選択
3. プルダウンから「移動...」を選択肢、X の欄に -51 を入力して OK
4. メニュー「メトリック」→「幅を設定」を選択
5. グリフ幅の設定値の欄に 1024 を指定

次に MeiryoKe とマージするのはこんな感じ。

1. メニュー「エレメント」→「フォントの統合」を選択
2. ファイル選択ダイアログで MeiryoKe.ttc を指定
3. MeiryoKe_Console を選択

最後に名前を変更して出力するのはこんな感じ。

1. メニュー「エレメント」→「フォント情報」を選択
2. フォント名を適当なもの（例えば MeiryoKeConsolas とか）に変更
3. メニュー「ファイル」→「フォントを出力...」を選択
4. TrueType フォントとして出力

初めてなので細かい設定とか全く弄っていませんが、とりあえず２つのフォントを合体させたフォントを作ることができました。

• ^*1: Meiryo font family - Typography | Microsoft Docs
• ^*2: Consolas font family - Typography | Microsoft Docs
• ^*3: フォントの合成 - ふなWiki

Myrica というプログラミング向けのフォントを見つけたのでメモ。

プログラミングやターミナル、メーラー等に使う等幅フォントをどうするかというのはエンジニアのよくある悩みで、僕は今でも Windows で Osaka-等幅 を使っていたりするのですが、この Myrica もなかなか見やすいのでしばらく使ってみたいと思います。

プログラミングフォント Myrica / Estable | Myrica （ミリカ）は、フリーなプログラミング用 TrueType フォントです。

Myrica （ミリカ）は、フリーなプログラミング用 TrueType フォントです。
視認性、判別性 が高くなるように、複数のフォントファイルを元に合成/修正しました。

レトロな LSI や IC の印字に使われていたようなフォント YMFont が面白そうだったのでメモ。

• digital-sound-antiques/ymfont: A latin font inspired by characters on retro LSI surface

大文字しかないのと、ゼロとオーの区別がつかないので、プログラミングには向いていませんが数値等は見やすいので、好きなフォントが使えるテプラを使ってネットワークケーブル用のラベルとかに使ったりすると絵になるかもしれませんね。

MS が Cascadia Code というターミナルやプログラミング向けのフォントを公開していたのでメモ。

この手のフォントとして重要な要素である 0Oo（ゼロ、大文字オー、小文字オー） 1Il（イチ、大文字アイ、小文字エル）についてはバッチリ見分けができるデザインですね。

また、他のフォントにない特徴としては、合字（Ligature）の機能を使って特定の文字の組み合わせを打つと１文字のように表示されるようになっています。日本人としては２バイト文字の→とかと見分けがつきづらいので、国内では素晴らしいかどうかは賛否が分かれそうです。

† 参考

• microsoft/cascadia-code: This is a fun, new monospaced font that includes programming ligatures and is designed to enhance the modern look and feel of the Windows Terminal.
• Cascadia Code | Windows Command Line Tools For Developers

IKEA がSOFFA Sans というフォントを公開していたのでメモ。
このフォントはユーザーがサイトにあるソファ配置シミュレータ^*1で文字を作って遊んでいたことに対して反応して作ってしまったという、遊び心溢れるフォントです。

IKEAがソファフォント“SOFFA Sans”を突然配布　「世界で最も快適なフォント」 - ねとらぼ

「SOFFA Sans」は、IKEAの「VALLENTUNA」というソファをベースにして作られたフォント。ファイルの説明には「配置ツールを使った顧客から影響を受けた」との記載があり、どうやらIKEAが公開しているソファ配置シミュレーションツールをめぐる一部の利用者の盛り上がりに乗っかった形のようです。

なぜか僕の Winodows 10 ではインストールしても表示がされずに使えませんでした。。。

• ^*1: Design your own sofa | Planners - IKEA

モリサワが MS Office に最適化したという BIZ UDフォント を MORISAWA BIZ+ で無償提供していたのでメモ。

簡単なユーザー登録をする必要がありますが、ログインするとフォントがダウンロードできます。

MORISAWA BIZ+ | 株式会社モリサワ

MORISAWA BIZ+は、日本ではじめてMicrosoft Officeに最適化したユニバーサルデザインフォント「BIZ UDフォント」を提供するサービスです。（2018年3月現在）
スタンダード版は無償で、すぐにお使いのPCにダウンロードしてご利用いただけます。

フリーで使えるビットマップを含んだ ttf フォントを探していたら CourierBitmap-ja フォントを見つけたのでメモ。

• CourierBitmap-ja フォント

Courier なので l と 1 や o と O と 0 などが見分けやすいのがいいですね。
特に ZS となっているものについては 0 にスラッシュが入っているので、さらに見分けやすくなっています。