フォントのソースを表示
新しいページはコチラ
移動:
案内
,
検索
== '''概要''' == 文字コードに対応したフォントが必要になります。各言語だけの領域に特化した小さなフォントファイルからUnicodeフォントのような非常に膨大な情報をもったものまでさまざまですが、Unicodeフォントともなると相当に時間のかかる作業になると思われます。誰かがフォントを作ってくれているから文字が画面上に正しいカタチで見えています。その大変さを感じ、感謝していただけるようにどれほどすごい作業なのかということと、実際に簡単でありながらも美しさをもかもしだせるアウトライン形式のフォントファイルを作成する手法の一つを紹介したいと思っています。アプリ作成においても独自フォントによる汎用の再利用図形セットとしての扱い方もあると思いますので、これはアプリケーション開発にも関係するものだと思います。 == '''フォントファイル作成手段''' == *[[フォント METAFONT]] <ymath>$ \TeX、\LaTeX $</ymath>に搭載されているFONT作成技術です。 == '''Windowsフォントファイル作成アプリ''' == FontForge [http://fontforge.github.io/en-US/ 公式サイト] *'''アプリケーション入手方法''' :1.上記の公式サイトからWindowsInstallというオレンジのボタン状のリンクをクリック :2.「subscribe/confirm and dawnload」というボタンを押します。後ろの確認してダウンロードという意味の方になりますね。寄付してもいいという寛大な方はdonateからアプリの価値相応の金額をクレジットカードで支払って、隣のテキストボックスにコードを入力して「subscribe/confirm and dawnload」というボタンを押します。寄付した人には、いいことがあるかもしれませんね。 *'''インストール''' :日本語対応してますので、直感でいけます。 :パスの登録は自分でやらないとダメみたいですね。環境変数PATHに追加で「インストールディレクトリ\FontForgeBuilds\bin」という感じです。Windows10だと :*「コントロール パネル\すべてのコントロール パネル項目\システム」から「左側の項目のシステムの詳細設定」 あるいは :*「スタートアイコンを右クリックして表示されるメニュー」から「システム」を選択して「関連情報の項目にあるシステム情報」 を選択して表示されるダイアログウィンドウの「詳細設定」タブから環境変数を選択して「新規」ボタンでアクティブになった部分に追記入力します。デフォルトのインストールパスだと「'''C:\Program Files <span>(</span>x86<span>)</span>\FontForgeBuilds\bin'''」ですね。 :パスを通しておくと、METAFONTのmf2pt1コマンドの結果呼び出されるFontForgeコマンドが動作してType1フォントが生成されます。 *'''アプリの特徴''' :METAFONTも読み込めます。もちろん、METAFONTからmf2pt1で生成するplain type1フォント$($adobe方式$)$のようなアウトライン形式のフォントも読み込めます。通常利用するフォントであるTrueTypeフォントであるttfやttfのコレクション形式のttc、OpenTypeフォントのotfやコレクション形式のotcといったフォントファイルも読み込めます。なんというか物凄い豊富な機能を保有したアプリのように感じます。これがフリーで手に入るようになったのか!!という凄さです。 :'''対応するファイルの種類・拡張子''' ::TeX Bitmap Font :::<nowiki>*</nowiki>.mf :::<nowiki>*</nowiki>.$($nnnn$)$gf :::<nowiki>*</nowiki>.$($nnnn$)$pk ::PostScript :::<nowiki>*</nowiki>.ps ::TrueType :::<nowiki>*</nowiki>.ttf :::<nowiki>*</nowiki>.ttc ::OpenType :::<nowiki>*</nowiki>.otf :::<nowiki>*</nowiki>.otc ::Type1 :::<nowiki>*</nowiki>.pfb AdobeのPostScript形式Type1でPrinter Font Binary ::Type2 ::Type3 ::SVG ::Unified Font Object ::FontForge SFD :::<nowiki>*</nowiki>.sfd [[フォント Font Forge]] =='''フォント技術一般''' == ==='''フォント情報'''=== ===='''フォントファミリ'''==== フォントファミリは例えばヒラギノで言えば「ヒラギノ角ゴ ProN」のような表記です。英語版だと「Hiragino Kaku Gothic ProN」ですね。 似たものにフルネームというのがあります。ここで太さー等幅、斜体、装飾、のような指定まで含めた名前を付けます。「ヒラギノ角ゴ ProN W3」とかになります。ファイル名・フォント名は通常PostScriptIDと同じ値を付けます。「HiraKakuProN-W3」とかです。ウェイト情報「W3」とかを指定しておくとソフトウェアが太さを選択できる構造になっている場合、この名前が使われます。スタイルは通常は「Regular」日本語では「標準」あるいは太字フォント、700 Bold というウェイトクラスの場合には「Bold」日本語では「太字」を設定します。これは極太のときとかは「Bold」にはしません。「Regular」にして、特別な太字としておく必要があります。よくアプリケーションなんかにある太字を押したときに極太が太字扱いになってしまいます。斜体文字なら「Italic」日本語では「斜体」を設定します。合わせ技の「Bold Italic」日本語での「太字 斜体」とかも設定していいです。これらの情報はOS/2という情報エリアにも設定する必要があります。自分で作る場合にはベンダIDとかは、取得していないはずなので適当な値でよいでしょう。もし本格的に配布する場合は申請をする必要があります。ユニークIDとうのもつけますが、これはファイル名・ポストスクリプト名と同じでよいでしょう。あとは商標や著作権情報は必要な時には指定して下さい。言語ロケール毎に同じ情報を設定できますが、UniqueIDは一つの言語だけで英文字の設定をするとよいと思います。 ===='''ウェイト'''==== フォントの太さの目安としてウェイトが設定されます。ソフトウェアによっては同じフォント名の中にあるウェイト別のフォントをUIで選択できるものがあります。上にあるほど細く、下にあるほど太いです。 *EL Extra Light *L Light *R Regular *M Midium <span>(</span>ミディアム メデューム<span>)</span> *DB Demi Bold *B Bold *H Heavy *U Ultra どれが何ポイントの太さかとか明確な基準はありません。 他にも、細W1~W8太、のような分類や太さを横線の幅(縦)と縦線の幅(横)別に数字であらわした510<span>(</span>5、10<span>)</span>、518<span>(</span>5,18<span>)</span>、37<span>(</span>3,7<span>)</span>のような表記もあります。 上記のような情報をウェイト情報に持たせることでフォントファイル名が異なっても同じファミリ名を指定していれば、それぞれのウェイト別のフォントとして一つにまとめられて扱われ、特定のアプリケーションでは、フォント名を選択した後、このようなウェイト情報毎の選択をするUIが与えられ、そこで切り分けられます。 このような文字の太さの区分けは似たようなフォント情報に、スタイル名として付与されることもあります。よく見かけるフォント名の後ろについている標準というのがスタイル名です。フォントフォルダではスタイル名もフォント名の後ろに続けて表示されます。言語別にスタイル名が存在していて、Regularに対応するのが標準です。Boldが太字とか太とか、Heavyが極太とかでしょうか。 *Ultra Light *Extra Light *Light *Regular *Demi Bold *Bold *Heavy *Black *Extra Bold *Ultra Bold のような区分けに 斜体を現すItalic、通常書体を現すことを強調するRoman、幅広のCondensed、幅が狭いExtended。 同じフォントシリーズとして存在するスタイル区分として袋文字のOutline、影付きの文字のShaded、線がフォントの内側が空洞になるように描かれたInlineのような装飾。ウェイトとスタイル名の使われ方は多種多用です。ファイル名は違ってもファミリー名が同じなら一つのフォントとして扱われ、太さやスタイル名ごとに異なるフォントが使えるという感じです。 こういったフォントウェイトのならわしにに沿った形で、 実際には、フォント情報の中のウェイトクラスで9段階の分類を指定します。 *100 Thin 極細 *200 Extra Light 中細 *300 Light 細字 *400 Regular 標準 <span>(</span>W3 Hiraginoの場合<span>)</span> *500 Medium *600 Semi Bold *700 Bold 太字 <span>(</span>W6 Hiraginoの場合<span>)</span> *800 Extra Bold *900 Black FontForgeの場合は「エレメント」ー「フォント情報」の「OS/2」カテゴリのウェイトクラスで指定します。 == '''UNICODE Webにおけるフォント一覧サンプル''' == フォントにはカラーフォントやアニメーションフォントが登場しています。OpenType SVGやMicrosoftのFontレイヤー概念を導入したOpenTypeにCOLR Color Table、GPOS Table、kern Table、CPAL、DSIG、metaを活用したものがあります。これらはIMEフォント一覧では白黒になってしまうので、実際にはEdgeなどの対応ブラウザで閲覧して確認する必要があります。macOSならカラーフォントを一覧できそうな気がします。持ってないのでわからないです。 以下のHTMLでSegoe UI EmojiのUnicodeフォントの中身を確認できます。PCにフォントがインストールされていればですが。HTMLをダウンロードして先頭にあるフォントファミリー指定を変更すると自分のPCでフォントを確認することができます。必要であれば使ってください。フォントに存在しない文字がある場合は、システムフォントが使われますので、全部が全部、Sugoe UI Emojiではないことをお忘れなく。フォントマップについてはIMEパッドで確認するといいでしょう。 開くのにはかなり負荷がかかりますので、創作活動中で保存していないファイルがある状態では開かない方がよいと思います。開こうとしてPCが落ちる場合はマシンスペック的な問題です。対策をとってから再挑戦してみるか、諦めましょう。自分にちょうどいい奴を作るとよいと思います。 *[[Media:Colorfont-sample2.html|基本多言語面 0x0000-0xFFFF]] :0x2130~0x21A0 0x2310 0x23CF~0x23FF 0x24C0 0x25B0~0x27B0あたりにカラーフォントがあります。 *[[Media:Colorfont-sample3.html|追加多言語面 0x10000-0x1FFFF]] :0x1F70~0x1F6F0 0x1F7E0 0x1F910~0x1F9FF 0x1FA70~0x1FA90にカラーフォントが存在します。 *[[Media:Colorfont-sample4.html|追加漢字面 0x20000-0x2FFFF]] *[[Media:Colorfont-sample5.html|Unicode15面 0x90000-0x9FFFF]] *[[Media:Colorfont-sample6.html|Unicode16面 0x100000-0x10FFFF]] フォント制作アプリケーションにもカラーフォント制作対応のものとそうでないものがあります。 == '''フォント制作会社一覧''' == リンクは提供されているフォント見本一覧のページです。サイトによって見本の使いやすさが異なる。 *株式会社モリサワ [https://www.morisawa.co.jp/fonts/specimen/ https://www.morisawa.co.jp/fonts/specimen/] *株式会社イワタ [https://www.iwatafont.co.jp/font/udgo.html https://www.iwatafont.co.jp/font/udgo.html] *株式会社SCREENグラフィックソリューションズ [https://www.screen-hiragino.jp/lineup/index.html https://www.screen-hiragino.jp/lineup/index.html] *株式会社モトヤ [http://www.motoyafont.jp/font-list/ http://www.motoyafont.jp/font-list/] *フォントワークス株式会社 [https://fontworks.co.jp/products/open-type/ https://fontworks.co.jp/products/open-type/] *ダイナコムウェア株式会社 [https://www.dynacw.co.jp/netshop/netshop_download.aspx?p=1 https://www.dynacw.co.jp/netshop/netshop_download.aspx?p=1] *エヌアイシィ株式会社 [https://www.nisfont.co.jp/pdf/catalog/NIS_catalog_all.pdf https://www.nisfont.co.jp/pdf/catalog/NIS_catalog_all.pdf] *株式会社ブリッジ [http://www.font.bridge.co.jp/about/ http://www.font.bridge.co.jp/about/] *株式会社日本ソフトウェアサービス [http://www.nspop.co.jp/font.html http://www.nspop.co.jp/font.html] *Monotype株式会社 [https://www.monotype.com/jp/%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/%E6%96%B0%E4%BD%9C%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88 https://www.monotype.com/jp/%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/%E6%96%B0%E4%BD%9C%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88] *有限会社たかデザインプロダクション [http://www.takadpro.com/TAKAMIHON2017.html http://www.takadpro.com/TAKAMIHON2017.html] *株式会社HAREGON [http://www.haregon.co.jp/sub/products/KRfont.html http://www.haregon.co.jp/sub/products/KRfont.html]韓国語フォント *有限会社エイワン [https://www.zenfont.jp/index.html https://www.zenfont.jp/index.html] *株式会社シーアンドジイ [http://www.c-and-g.co.jp/business/business.html http://www.c-and-g.co.jp/business/business.html] *株式会社視覚デザイン研究所 [https://www.vdl.co.jp/font/index.html https://www.vdl.co.jp/font/index.html] *株式会社昭和書体 [http://www.koueisha.ecnet.jp/osusume.html http://www.koueisha.ecnet.jp/osusume.html]毛筆体専門 *株式会社日本書技研究所 [https://www.ensk.co.jp/service/font/ https://www.ensk.co.jp/service/font/] *株式会社リムコーポレーション [https://www.lim.co.jp/products/bitmapsample.html https://www.lim.co.jp/products/bitmapsample.html] *株式会社タイプバンク [https://www.typebank.co.jp/pdf/tbud_family1606.pdf https://www.typebank.co.jp/pdf/tbud_family1606.pdf] *株式会社カルチ [http://www.culti.co.jp/product/ http://www.culti.co.jp/product/] *株式会社秀文社 [http://www002.upp.so-net.ne.jp/shu-bun/hatsups.html http://www002.upp.so-net.ne.jp/shu-bun/hatsups.html]発音記号 *有限会社今田欣一デザイン室 [https://designpocket.jp/dl_font_category/list.aspx?smod=1&brid=237 https://designpocket.jp/dl_font_category/list.aspx?smod=1&brid=237] *有限会社字游工房 [http://www.jiyu-kobo.co.jp/library/ http://www.jiyu-kobo.co.jp/library/] *株式会社武蔵システム [https://opentype.jp/ https://opentype.jp/] *有限会社米桂 [http://www.komekei.co.jp/syotai.html http://www.komekei.co.jp/syotai.html] *株式会社マクロス [http://www.macr.net/design/design.html http://www.macr.net/design/design.html] *株式会社広告丸 [http://www.kokokumaru.com/japanese/logo.mark/font.html http://www.kokokumaru.com/japanese/logo.mark/font.html] *有限会社六歌仙 [https://ebisu-font.com/fonts.php https://ebisu-font.com/fonts.php] *有限会社美術工藝社 [http://www.bijyutukougeisya.com/font.html http://www.bijyutukougeisya.com/font.html] *株式会社デザインシグナル [http://design-signal.co.jp/typefaces/index04.html http://design-signal.co.jp/typefaces/index04.html] *有限会社ニューロンソフトウェア [http://www.neuron-soft.co.jp/ http://www.neuron-soft.co.jp/] *株式会社アルファブレンド [http://www.alphablend.co.jp/single_asp.html http://www.alphablend.co.jp/single_asp.html] == '''フォント総合販売会社一覧''' == 見本一覧 フォントWeb販売総合サイト *デザインポケット [https://designpocket.jp/dl_font_category/ https://designpocket.jp/dl_font_category/] *FONT GARAGE [https://font.designers-garage.jp/products/list?category_id=1 https://font.designers-garage.jp/products/list?category_id=1] *FONT FACTORY [https://www.fontfactory.jp/ https://www.fontfactory.jp/] *FONT STREAM<span>(</span>株式会社コム・クエスト<span>)</span> [https://font-stream.com/fontlist https://font-stream.com/fontlist] == '''関連記事''' == [[Unicode]]
フォント
に戻る。
個人用ツール
18.219.213.27
このIPアドレスのトーク
ログイン
名前空間
ページ
議論
変種
表示
閲覧
ソースを表示
履歴表示
操作
検索
案内
メインページ
コミュニティ・ポータル
最近の出来事
最近の更新
おまかせ表示
ヘルプ
ツールボックス
リンク元
関連ページの更新状況
特別ページ