フォント自作に挑戦
完成したフォントファイル
作成するフォントの内容
| 項目 | 英語 | 内容 |
|---|---|---|
| 元フォント | MigMix-1m | |
| 基準文字 | Box Drawing | 罫線素片 |
| 全角文字サイズ | FULL WIDTH font-size | 1000×1000 |
| 半角文字サイズ | HALF WIDTH font-size | 1000×500 |
| 文字太さ | 46 | |
| 字間 | letter-spacing | 0 |
| 行間 | 0 | |
| 半角と全角の等幅比 | 1（英+数）:2（仮名+漢字+記号） |
「字間＝行間＝0」のイメージ
変更したいフォント
unicode番号は、「&#x〇〇〇〇；」または、「&#x〇〇〇〇〇；」となります。
変更したいフォント：矢印
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F|
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
219*|←|↑|→|↓|↔|↕|↖|↗|↘|↙||||
21B*|↰|↱|↲|↳| | | |
21C*| | | | |⇄|⇅|⇆|
21E*|⇠|⇡|⇢|⇣|⇤|⇥|⇦|⇧|⇨|⇩|⇪|⇫|⇬|⇭|
234*| | | | | |⍅|⍆|||||||||⍏
235*| | | | | | |⍖|
291*| | |⤒|⤓| | | |
2B0*|⬀|⬁|⬂|⬃|⬄|⬅|⬆|⬇|⬈|⬉|⬊|⬋|⬌|⬍|
2B9*| | | | | |⮕| ||||||⮜|⮝|⮞|⮟
2B7*|⭰|⭱|⭲|⭳|||⭶|⭷|⭸|⭹|||||
変更したいフォント：線
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F|
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
250*|─|━|│|┃|┄|┅|┆|┇|┈|┉|┊|┋|
256*|╠|╡|╢|╣|╤|╥|╦|╧|╨|╩|╪|╫|╬|╭|╮|╯
257*|╰|╱|╲|╳|╴|╵|╶|╷||||||||
29A*|||||||⦦|⦧|||||||
29F*|||||||||||||⧼|⧽|
変更したいフォント：幾何学記号
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F|
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
258*|▀|▁|▂|▃|▄|▅|▆|▇|█|▉|▊|▋|▌|▍|▎|▏
259*|▐|░|▒|▓|▔|▕|▖|▗|▘|▙|▚|▛|▜|▝|▞|▟
25A*|■|□|▢|▣
25C*|◀|◁||||||◇||◉||○||◍|◎|●
25E*|◠|◡|◢|◣|◤|◥|◦|◧||◩||◫||◭|◮|◯
25F*|◰|◱|◲|◳|◴|◵|◶|◷|◸|◹|◺|◻|◼|||◿
2B1*|||⬒|⬓|⬔|⬕|⬖|⬗|⬘|⬙|⬚|⬛|⬜||
1FB0*|🬀|🬁|🬂|🬃|🬄|🬅|🬆|🬇|🬈|🬉|🬊|🬋|🬌|🬍|🬎|🬏
1FB1*|🬐|🬑|🬒|🬓|🬔|🬕|🬖|🬗|🬘|🬙|🬚|🬛|🬜|🬝|🬞|🬟
1FB2*|🬠|🬡|🬢|🬣|🬤|🬥|🬦|🬧|🬨|🬩|🬪|🬫|🬬|🬭|🬮|🬯
1FB7*|🭰|🭱|🭲|🭳|🭴|🭵|🭶|🭷|🭸|🭹|🭺|🭻|🭼|🭽|🭾|🭿
1FB8*|🮀|🮁|🮂|🮃|🮄|🮅|🮆|🮇|🮈|🮉|🮊|🮋|🮌|🮍|🮎|🮏
変更したいフォント：数式記号
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F|
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
220*|∀|∁|∂|∃|∄|∅|∆|∇|∈|∉|
221*||∑|−|∓||∕||∗|||||||∞|
23B*|⎰|⎱|⎲|⎳|⎴|⎵|⎶|⎷
271*|||||||✕|✖| | |
変更したいフォント：数式変数文字
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F|
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
1D43*|||||𝐴|𝐵|𝐶|𝐷|𝐸|𝐹|𝐺|𝐻|𝐼|𝐽|𝐾|𝐿
1D44*|𝑀|𝑁|𝑂|𝑃|𝑄|𝑅|𝑆|𝑇|𝑈|𝑉|𝑊|𝑋|𝑌|𝑍|𝑎|𝑏
1D45*|𝑐|𝑑|𝑒|𝑓|𝑔||𝑖|𝑗|𝑘|𝑙|𝑚|𝑛|𝑜|𝑝|𝑞|𝑟
1D46*|𝑠|𝑡|𝑢|𝑣|𝑤|𝑥|𝑦|𝑧|𝑨|𝑩|𝑪|𝑫|𝑬|𝑭|𝑮|𝑯
1D47*|𝑰|𝑱|𝑲|𝑳|𝑴|𝑵|𝑶|𝑷|𝑸|𝑹|𝑺|𝑻|𝑼|𝑽|𝑾|𝑿
1D48*|𝒀|𝒁|𝒂|𝒃|𝒄|𝒅|𝒆|𝒇|𝒈|𝒉|𝒊|𝒋|𝒌|𝒍|𝒎|𝒏
1D49*|𝒐|𝒑|𝒒|𝒓|𝒔|𝒕|𝒖|𝒗|𝒘|𝒙|𝒚|𝒛|𝒜||𝒞|𝒟
変更したいフォント：数式変数文字（二重線）
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F|
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
210*|||ℂ|||||||||||ℍ|||
211*||||||ℕ||||ℙ|ℚ|||ℝ
212*|||||ℤ||
1D53*|||||||||𝔸|𝔹||𝔻|𝔼|𝔽|𝔾||
1D54*|𝕀|𝕁|𝕂|𝕃|𝕄||𝕆||||𝕊|𝕋|𝕌|𝕍|𝕎|𝕏|
1D55*|𝕐||𝕒|𝕓|𝕔|𝕕|𝕖|𝕗|𝕘|𝕙|𝕚|𝕛|𝕜|𝕝|𝕞|𝕟|
1D56*|𝕠|𝕡|𝕢|𝕣|𝕤|𝕥|𝕦|𝕧|𝕨|𝕩|𝕪|𝕫|
変更したいフォント：上付き
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F|
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
00B*|||²|³||||||¹|
1D2*|||||||||||||ᴬ||ᴮ|
1D3*|ᴰ|ᴱ||ᴳ|ᴴ|ᴵ|ᴶ|ᴷ|ᴸ|ᴹ|ᴺ||ᴼ||ᴾ|ᴿ|
1D4*|ᵀ|ᵁ|ᵂ|ᵃ||||ᵇ|ᵈ|ᵉ||||ᵍ||ᵏ|
1D5*|ᵐ||ᵒ||||ᵖ|ᵗ|ᵘ|||ᵛ|
1D9*|||||||||||||ᶜ|
1DA*|ᶠ||||||||ᶨ|||
1DB*||||||||||||ᶻ||||ᶿ
207*|⁰|ⁱ|||⁴|⁵|⁶|⁷|⁸|⁹|⁺|⁻|⁼|⁽|⁾|ⁿ
変更したいフォント：下付き
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F|
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
1D6*|||ᵢ|ᵣ|ᵤ|ᵥ|
208*|₀|₁|₂|₃|₄|₅|₆|₇|₈|₉|₊|₋|₌|₍|₎|
209*|ₐ|ₑ|ₒ|ₓ|ₔ|ₕ|ₖ|ₗ|ₘ|ₙ|ₚ|ₛ|ₜ|||
変更したいフォント：絵文字
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F|
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
26E*|||||||||⛨|⛩|⛪|⛫|⛬
26F*|⛰|
1F30*|||||||||||🌊
1F33*|||🌲|🌳|||||||
1F3D*||||🏔|🏕|||🏘|🏙|🏚|
1F3E*||||||||||||||||🏯|
1F3F*|🏰|
変更したいフォント:色付き幾何学記号
| 文字 | unicode番号 「&#x〇〇〇〇；」 |
英語 | 日本語 |
|---|---|---|---|
| 🟥 | 1f7e5 | red square | 赤四角 |
| 🟧 | 1f7e7 | orange square | オレンジ四角 |
| 🟨 | 1f7e8 | yellow square | 黄四角 |
| 🟩 | 1f7e9 | green square | 緑四角 |
| 🟦 | 1f7e6 | blue square | 青四角 |
| 🟪 | 1f7ea | purple square | 紫四角 |
| 🟫 | 1f7eb | brown square | 茶四角 |
| ⬛ | 2b1b | black large square | 黒大四角 |
| ⬜ | 2b1c | white large square | 白大四角 |
| 🔴 | 1F534 | red circle | 赤丸 |
| 🟠 | 1F7E0 | orange circle | オレンジ丸 |
| 🟡 | 1F7E1 | yellow circle | 黄丸 |
| 🟢 | 1F7E2 | circle | 緑丸 |
| 🔵 | 1F535 | blue circle | 青丸 |
| 🟣 | 1F7E3 | purple circle | 紫丸 |
| 🟤 | 1F7E4 | brown circle | 茶丸 |
| ⚫ | 26AB | black circle | 黒丸 |
| ⚪ | 26AA | white circle | 白丸 |
| ❤ | 2764 | red heart | 赤ハート |
| 🧡 | 1F9E1 | orange heart | オレンジハート |
| 💛 | 1F49B | yellow heart | 黄ハート |
| 💚 | 1F49A | green heart | 緑ハート |
| 💚 | 1F499 | blue heart | 青ハート |
| 💚 | 1F49C | purple heart | 紫ハート |
| 🤎 | 1F90E | brown heart | 茶ハート |
| 🤎 | 1F5A4 | black heart | 黒ハート |
| 🤎 | 1F90D | white heart | 白ハート |
(3)実践編①「自作フォントでUMLを作ってみた」
入力元文字
╭────╮
│クラス図│
╰────╯
┌─────────┐
│神戸住民 │
├─────────┤
│名前 │
│住所 │
│電話番号 │
│年齢 │
├─────────┤
│通勤する（） │
│買い物に行く（） │
└─┬───────┘
│0..*
│
│
◇1
┌─────────┐
│会社 │
├─────────┤
│会社名 │
│住所 │
│電話番号 │
├─────────┤
│所属する（） │
│脱退する（） │
└─────────┘
(3)実践編①メモ帳をキャプチャーして張付
(3)実践編②「自作フォントでアクティビティ図を作ってみた」
アクティビティ図＝活動図：フローチャートのUML版。同期記述もできる。
入力元文字
●
╭──┴──────╮
│アメリカに行きたい│
╰──┬──────╯
↓
■■■■■■■■■■■■
┌┴───┐ ┌┴──┐
│人に聞く│ │考える│
└┬───┘ └┬──┘
↓ ↓
■■■■■■■■■■■■
↓
┌─┴──────┐
│飛行機で行くか？│
└─┬──────┘
↓
YES◇────┐No
┌─⭳─┐ ┌⭳─────┐
│到着 │ │船で行くか？│
└───┘ └┬─────┘
↓
YES◇──────┐No
┌─⭳─┐ ┌⭳──────┐
│到着 │ │泳いでいくか？│
└───┘ └┬──────┘
YES◇──────┐No
┌─⭳──┐ ┌⭳─────┐
│やめとけ│ │どうやって？│
└┬───┘ └┬─────┘
├───────┘
◉
(3)実践編②メモ帳をキャプチャーして張付
★番外編「自作フォントでQRコードを作ってみた」
最初の目的と違いますが、綺麗に表示されかつQRコードも読めたので記載します。
記号「■」とメモ帳でQRコードを作成したら綺麗だった（自作font）
入力元文字（■で構成）
■■■■■■■ ■ ■■ ■■■■■■■
■ ■ ■■ ■ ■ ■
■ ■■■ ■ ■■ ■ ■ ■■■ ■
■ ■■■ ■ ■ ■ ■ ■■■ ■
■ ■■■ ■ ■ ■ ■ ■■■ ■
■ ■ ■ ■■ ■ ■
■■■■■■■ ■ ■ ■ ■■■■■■■
■■■■■
■■ ■ ■■ ■■ ■■■ ■■
■■■■■ ■■■■ ■ ■
■ ■ ■■ ■ ■ ■■ ■■
■ ■■ ■■■ ■ ■
■ ■ ■■■ ■ ■ ■ ■■■
■■■■ ■■■ ■
■■■■■■■ ■ ■ ■ ■ ■■■■
■ ■ ■■■■ ■■■
■ ■■■ ■ ■■■ ■■■ ■■■
■ ■■■ ■ ■ ■ ■■■■
■ ■■■ ■ ■ ■ ■ ■
■ ■ ■ ■■ ■ ■ ■
■■■■■■■ ■■ ■■ ■■■
メモ帳をキャプチャーして張付
