IcoMoonでリガチャ(合字)対応のフォントを作る

|

前回の「フォント「Glaicon3」」の記事で公開したGlaicon3フォントは、複数の文字を入力すると1つのアイコンになる不思議なフォントです。これはリガチャ(合字)というものを使って、あのような動作を実現しています。

リガチャというのは

合字(ごうじ、英: Ligature)とは、複数の文字を結合した文字のこと。
合字 – Wikipedia

というものです。アルファベットの文字間を狭めて、1つの文字にしてしまったもので、fとiが合わさってfiというようになります。

フォントの中には、そういうあらかじめ決められた複数の文字があった時に、それぞれ独立した文字で表示するのではなく合わさった合字で表示できるフォントがあります。Glaicon3はそういうフォントとして作成しました。

このリガチャを使ったフォントを簡単に作成できるウェブサービスがIcoMoon Appです。

IcoMoon App – Icon Font Generator

使い方

では今回のGlaicon3フォントを作成するまでの流れを使ってIcoMoon Appの使い方を紹介します。
140202-1
まずIllustratorなどを使ってアイコンを描きます。

140202-2
svgファイルで保存します。
ここまでできたらIcoMoon Appへとアクセスします。

なお、IcoMoon Appを利用するにはユーザー登録が必要です。

140202-3
基本的には以前紹介したFontelloと同じで、複数あるアイコンフォントから自分の好きなものを選んで自分用にフォントファイルをダウンロードできるサイトです。

左上に「Import Icons」というボタンがあるので、そこから先程作成したsvgファイルを読み込ませます。複数ファイルをいっぺんに読み込むことができるので、大量のアイコンでも楽です。

140202-4
自作のアイコンが他のアイコンフォントと同じように並びます。

140202-5
1つ1つ選択してもいいですが、右側のメニューからいっぺんに選択することもできます。
選択し終わったら下部の「Font」ボタンをクリック

140202-6
それぞれのアイコンが何のキー(文字)に対応するかの設定画面です。
左上のLiaguresボタンを押すとリガチャの対応文字を入力することができるようになます。

140202-7
対応する文字を入力していきます。
リガチャは複数の文字を入れることができます。その場合はカンマ区切りで入力します。

140202-8
入力し終わったら上部の「Preferences」ボタンからフォントの情報(名前など)を入力し、一番下の「Dawnload」をクリックすれば圧縮されたファイルをダウンロードできます。
解凍するとフォントファイル以外にもいろいろ入ってますが、fontフォルダの中の.ttfファイルさえあればとりあえずGlaejaでは十分です。

もちろん自分でアイコンを作成しなくても、最初から用意されている他のアイコンフォントの中から自分の好きなものを選んでリガチャを設定することもできます。ソッチのほうがGlaiconよりも高品質なので、それもお勧めです。

まとめ

こうして、自分の好きなリガチャを設定したフォントを作ることができれば、Glaejaでの天気表示などがとても簡単になりますね。他のアプリでもいろいろ応用できると思います。いろいろ試してみてください。

Random Posts

Musicolet Music Player:曲順表示できるウィジェットを持つ音楽プレイヤーアプリ
格安SIM (MVNO) の速度測定:2018年11月 その2 LINEモバイル(ソフトバンク回線)の最速チャレンジに黄色信号
スマホ等の防水・防塵性能を示す「IP○○」の見かたと一覧
格安SIM (MVNO) 速度比較 : 2017年6月その2 止まらぬ開幕SIM、気になるイオンモバイルタイプ2
ごちゃつくUSBケーブルを整理!マグネットでくっつくケーブルホルダー
超小型端末Jellyは「使える」のか? ほぼ同じ大きさのElephone Qで画面や文字入力をチェック!
コミケC91で回りたいスマホ/Android関連のサークルをご紹介
Google Daydream View 開封の儀:ファブリック素材でさわり心地付け心地がいいVRヘッドセット
Galaxy Gear VR with Controller 開封の儀:コントローラー付きで没入感アップ!また未来の扉を開けてしまったか
フォントで楽しむ天気予報 (天気ウィジェット):日本語テキスト表示の天気ウィジェット
画像をいい感じに加工して敷き詰めたKLWPテーマ bbased
ABOATの両端リバーシブルmicroUSBケーブル-長さの違う3本セットなので用途で使い分けられる
ドヤ感満載! 海外ユーザー風ホーム【ホーム画面定期コンテスト】
【敗北】小さな感熱紙レシートタイプのワイヤレスプリンタ:MEMOBIRD G2
Mi MIXのレザーケースが到着-質感は満足しているが詰めが甘い作りはガッカリ