オイナルメモ帖

ウディタその他ツールメモ書き
オイナルメモ帖 TOP  >  メモ >  フォント作る FontForgeメモ

フォント作る FontForgeメモ

(2013/10/09 FontForgeメモ2へのリンクを追加)


やっぱ\i[]で呼び出すのは面倒なので、フォント作ったほうがいいと思い、なんとか作れないか探してみたら、windowsでフォントが作れるのがTTEditかFontForgeくらいしかないみたい。
TTEditは30日体験版つきのシェアウェアで、FontForgeはフリーソフト。
他にもBitFontMakerというブラウザ上でビットマップフォントが作れるものがあるんだけど、1バイト文字(1~9・a~z・A~Z・少々の記号)しか作れない&10ピクセルまでしか作れない。(こちらも無料)
「が」とか「ぱ」の濁点半濁点を仮名の上に表示したいので、10ピクセルでは無理だと判断。
結局、フリーのFontForgeでフォントを作ることに。

しかし、FontForgeにはいくつか問題点があって、
・もともとwin用ではなく、有志の方々がwindowsでも簡単に使えるようにしてくれたセットがあるけど、動作が不安定。
・外人さんが作ったので、もともと英語。これも上記の簡単セットである程度日本語化されてるが、英語部分も多い。
・マニュアルは日本語化されてるけど、外人特有の言い回しがわかりづらい。
などなど。
マニュアルのユーモアさは嫌いじゃないけど、それがわかりやすさにはつながらない…

ってことで、グーグル大先生やスレとか駆使しながら日本語表示させるところまで行きましたので、メモっておきます。

 ●ググると出る、起動方法に従い、起動。
 ●初期状態だと、1バイト文字しか作れないようで、メニューのエンコーディング→エンコーディング変換から、ISOやらシフトJISやら選べる。
 ●スレを読むと、「ISO 10646-1」じゃないとダメらしい。ふたつあるけど、FULLだとすごい文字量なのでBMPに。それでも文字多いけど。
 ●ビットマップフォントを作りたいのでアウトラインとか作りたくないんだけど、どうやらマニュアルの最初を読む限りTTFのビットマップオンリーは作れなそう。ググると、ビットマップ埋め込んだアウトラインとかあるのでそれを作ることに。
 ●エレメント→フォント情報で、そのフォントの情報をいじれる。「PS Names」でフォント名と著作権、「一般情報」でフォントの高さ(ベースラインから上)と深さ(ベースラインから下)・EmSize(高さ+深さ)をいじる。1024か2048がいいそうだ。よくわかんないけど解釈ってところも日本語にしておく。「TTF名」で日本語の情報も付加しておく。名前に数字が入ってるとエラーが出まくるみたい(たぶん)
 ●エレメント→Bitmap Strikes Available…をクリック。出てくる画面で「X/Win/Mac」でwinを選択し、ピクセルサイズ一覧のところに数値を入力すると、Bitmapをいじれるようになる。ピクセル数をいじると96dpiにポイント数が出るが、これが普段自分たちが使っているフォントのポイント数になる(たぶん)。ピクセル数の3/4の数値が出るみたい。つまり、ビットマップのピクセル数=ポイント数ではないってこと。出力したフォントのビットマップを使うにはそのポイント数を入力する必要がある。ウディタだと少数のポイント表示は不可能なので、ビットマップを使うにはそこを計算しないといけない(たぶん)。ってことは8ドットのビットマップは表示できないのだろうか。まだわからないけど、表示できないと仮定すると、アウトラインでなんとかするしかないということになる。
 ●ちなみにつくろうとしてるフォントは、8ドット×16ドットの縦長。なのでさっき設定したEmsize1024を16で割ると1ドットは64のサイズになる。この正方形をガシガシ組み合わせてアウトラインを作っていくイメージ。
 ●しかし、面倒だしなんとか、画像から勝手にトレースしてくれないものかと調べてみると、自動トレースなる機能があるらしい(エレメント→自動トレース)。マニュアルを読むと、自動トレースするには、まずレイヤーに画像を取り込まなければいけないとのこと。「ファイル→取り込み」からあらかじめ作っておいた8×16ドットのひらがなの画像を読み込ませ、自動トレース開始。しかし、線がぐにゃぐにゃ曲がってうまくトレースできなかった。また読んでみると、高解像度の画像ならうまくできるらしい。というわけで、画像を10倍のサイズに拡大させてから再チャレンジ。すると見事成功。ガクガクのドットっぽい線がトレースできた。
 ●この状態で、一旦どんな様子か見てみようと思い、フォントを書きだす。(ファイル→フォント書き出し)。真ん中の段のフォントの拡張子は左側をTTFに、右側はビットマップを使う場合に入れる。使うならin TTF。その下のオプションの「OpenTypeの仕様」をはずす。(←よくわかんないけどググったらそう書いてあった)。右の数値はBitmapを埋め込む場合に自動で入ってる。この状態で保存。よくエラーが出るけど、ぐぐってもよく分からないので気にしない(reviewか保存か聞かれたら保存。reviewにするとフォント書き出しを中断して、ここが間違ってますよってエラーが出るけど英語だからわからない)。
 ●ウディタに入れて様子をみると、作った文字を表示させるとアルファベットは出るのに、日本語がでない。おそらく、フォントが日本語として認識されていないのだろうと思い、ググる。すると、カタカナのエ(U+30A8)にデータが入っていると日本語として認識されるらしい。(他にも漢数字の「一」にデータを入れるとかの噂もあるみたい)。エにデータを入れてから、再び書き出し。
 ●すると今度は成功。ちゃんと日本語として読み込んでいるようだった。
 ●この調子で作ればなんとか形にはなりそう。


とまあ、こんな感じでここまで来るのに2日かかりました。
この他にももっと紆余屈折してて全部書くとわけわかめになるので、ある程度は省いてます。
読みづらいメモですが、新しくやり始めようとする人の助けになればいいな




関連記事:FontForgeメモ2

web拍手 by FC2
[ 2011年08月25日 13:54 ] カテゴリ:メモ | TB(0) | CM(6)
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
[ 2013/10/09 10:17 ] [ 編集 ]
Re: fontforgeの使い方で
FontForge使ったのはだいぶ前で、操作を忘れている部分やわからないところが多々ありますが、それでもよろしければどうぞ。
(FontForgeメモ2へのリンクを追加しましたので、もし読んでなければそちらを読んでいただければ解決するかもしれません。)
[ 2013/10/09 15:25 ] [ 編集 ]
ビットマップフォントが真っ白で表示されます
fontforgeで外字領域にビットマップフォントを作りましたが、IMEパッドで確認すると、真っ白になります。

新規で始めてパラメータはそのままです。エンコーディング変換はシフトJISとUnicode完全の両方で試しました。
Bitmap Strikes Avairableには、3番目の枠に64を入れました。Free Typeだけチェックを外しました。
一覧表には文字が出ています。
フォントを出力するでは、TrueType+TTF埋め込みを選択しました。オプションのOpenTypeのチェックは外してあります。EUDC.TTEというファイル名で出力しました。
アウトラインフォントありとなしで試しましたが、アウトラインフォントは出ました。
しかしどちらの場合もビットマップフォントは真っ白です。Meiryoの外字領域と被っていますが、真っ白で上書きされました。訳あって自動トレースは使用しません。

こんな感じですが、困っています。どうか助けてください。
[ 2020/06/22 10:42 ] [ 編集 ]
Re: ビットマップフォントが真っ白で表示されます
まだブログ閲覧者がいらっしゃったとは!コメントありがとうございます!

「外字部分にビットマップデータを入れて作ったフォントを書き出して、IMEパッドで読み込んだが、その外字が表示されない」ということでしたが…、
…申し訳ありません、私にもわかりません。

いかんせん、作ったのが9年も前になるので、FontForgeの使い方についてもほとんど覚えておりませんので…。
ただ、消えかけた記憶を辿って思い出して見ると、
私が作ったフォントは「ビットマップ風」に見せてるだけで、最終的にはアウトラインフォントとして書き出したものだったと思います。
つまり、「特定のフォントサイズでしか使わないので、アウトラインでもちゃんと表示されてれば良し」という考え方ですね。
もし、コメント者様も、特定のフォントサイズしか使わないのであれば、「ビットマップの形」だけ使ったアウトラインでもいいのではないか…?と提案いたしますが、いかがでしょうか?

他に思いついたのは…
・ABCDE…等の使わなそうな常用字部分に欲しい外字を当てはめてみる…とか、
・通常使うフォントと、外字用フォントで2つ作り分けてみる…とか。
こだわりがなければ、そういうやり方はだめでしょうか?


まったくお力になれず本当に申し訳ない…。
当時作ったフォントは置いておきますので、もし中身見たかったらどうぞ、見てください。
今の私に聞くより、当時の完成品見たほうが発見があるかもしれないので…。
↓こちらでダウンロードできます(外部サイトuploder.jpにジャンプします)
https://ux.getuploader.com/jeekza_wditor/download/9
[ 2020/07/04 00:25 ] [ 編集 ]
Re:Re:ビットマップフォントが真っ白で表示されます
提案・完成品、参考にさせてもらいます。解決しましたら、また書き込みさせてもらいます。お返事ありがとうございました。
[ 2020/07/06 10:20 ] [ 編集 ]
あまり有用的ではなくてすみません…。
応援してます!
[ 2020/07/07 09:17 ] [ 編集 ]
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL