Balsamiq Mockupsで好みの日本語フォントを使う

技術文書の図版を作るのにBalsamiq Mockupsを勧められました。これを使うと、オブジェクトをちょいちょいと配置していくだけで、手描き風のモックアップやら、ワイヤーめいたものやら、がわらわらと描けてしまうというもの。

いわゆるピッキンパッキンの緊張感持ってお仕事しますぜ的な図版でなく、いい意味で間が抜けたものが描けます。

このアプリはデフォルトでは日本語が入力できません。Viewメニューから
「Use System Fonts」を選択して、チェックを入れておくと、日本語が入力できるようになります。
f:id:nsoto:20111215201341p:plain

ところが、これが文字通りシステムフォントなので、Osakaなど、もっそい味もそっけもないフォントになります。せっかく手描きの味を活かしたいのに、フォントがパワポの世界へ誘います。ちっ。

こちらのサポート情報を見ると、XMLファイルでもろもろの環境設定ができることがわかります。

    <config>
        <fontFace>フォント名</fontFace>
    </config>

とりあえずフォントの設定だけしたければ、テキストファイルに3行ちょろちょろ書いて所定のフォルダに保存するだけ。ファイル名は決まっていて、BalsamiqMockups.cfgという名前にします。

所定の場所は以下の通り。

Windows XP: C:\Documents and Settings\\Application Data\ BalsamiqMockupsForDesktop.EDE15CF69E11F7F7D45B5430C7D37CC6C3545E3C.1\Local Store
Mac OS X: your user home/Library/Preferences/ BalsamiqMockupsForDesktop.EDE15CF69E11F7F7D45B5430C7D37CC6C3545E3C.1/Local Store
Windows VistaとWindows 7: C:\Users\yourusername\AppData\Roaming\ BalsamiqMockupsForDesktop.EDE15CF69E11F7F7D45B5430C7D37CC6C3545E3C.1\Local Store
Linux: ~/.appdata/BalsamiqMockupsForDesktop.EDE15CF69E11F7F7D45B5430C7D37CC6C3545E3C.1/Local Store

日本語フォントはこちらのオリジナルフォント【みかちゃん】を使わせてもらいました。

非商用はともかく、商用にもフリーで使ってよろしいという大判振る舞い。Windows、Mac、Linuxの各OSに対応しています。

使いたいフォントが決まったら、システムにインストールします。各システムにあるFontフォルダにコピーすればたいてい終わり。私はMac OS Xだったので、/Library/Preferences/Fontsにほおりこみました。

Mac OS Xの場合、XMLに記述するのは、フォントファイル名ではNGでした。フォントファイルを選択し、command+Iでファイル情報のウインドウを開きます。「フルネーム：」にある名前をXMLにコピペするのが確実です。

f:id:nsoto:20111216185510p:plain

ここがわからなくて、結構、うろうろしました。

忘れてはいけないのが、すべての設定が終わったら、Use System Fontsのチェックがオフになっているか確かめましょう。ここにチェックが入っていると、XMLで設定したフォントは効きません。

Fragments of Works