晴れときなるままに

脱出ゲーム、ナンプレ、Androidアプリ、その他管理人の思いつくまま

縦横比1:1余白の少ないフォント

   

ナンプレのサイトやアプリを作ろうとしたときにフォントを探しました。

メモ部分に使うフォントとして

・縦横比1:1

・上下左右の余白が少ない

・小さくても見え易いように太い

ものを探したのですがこれが中々無い。フリーで使えるフォントも探してみましたが見付からなかったので、、、、

自作しちゃいましたw

フォントを自作する方法もググれば簡単に見付かります。

font
自分は必要最小限で「0~9」と「:」(経過時間表示用)の11文字だけを収録したフォントを作ってみました。

直線と直角だけなのでデータ作成は楽勝ですね。

画像を使っても良かったのですが、フォントの方が処理が軽そうだし、サイトの問題一覧ではフォントの方が楽に制御できますし、割といい感じです。

まぁ色々やってみたいので、フォントの作り方の勉強にもなりましたってことで。

 

白黒で表現できる画像(アイコン的なものとか)もフォントにしてしまえば使い勝手が良さそうなので、その辺も今度チャレンジしてみたいと思います。

 

font2
ナンプレサイトの問題一覧で使ってみると、サイズが小さいせいか少し角が丸められてまたいい感じになってます。(←chromeで表示、ブラウザが違うとまた違う表示になったりするのかも)

 - ナンプレ

コメントを残してやって下さいな

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  関連記事

問題更新がエラーになっとった
アプリは相変わらずインストール「1」です。 ですが、広告の表示数を見たところ結構な時間遊んで頂いたようで、感謝感謝です。 ナンプレページにインストールのお願いを書いてみました。 本題 アプリをリリースしたこともあってPC ...
ツイートボタン追加できた!
昨日夜中(というか今朝)まで頑張って、ツイートボタン付けれました。cgi呼んでリダイレクトでツイッターページにメッセージ付きで飛ばすところまで完了。後はサイトにハッシュタグで検索したウィジェットを付けたいですね。 ウィジ ...
ナンプレサイトの印刷対応
ナンプレサイトに印刷用ページを付けてみました。   検索のキーワードを調べるツールだと印刷需要は結構あるような。。   PCでサイト見に来られて印刷してナンプレするっていうのは自分にはよく分からないけ ...
ナンプレサイトのツイッター連携
ツイッターのアカウントも5個くらい作った記憶はありますが、今現在稼動しているアカウントは0です。 何とも飽きっぽいのです。自分がつぶやいて意味があるのかっと考えると意味は無いですしねぇ。意味が無いというか価値が無いwww ...