「MSｺﾞｼｯｸ」以外の「等幅」&「字間＝行間＝0」のフォントを探してみたが、好みのフォントが無かったので自作に挑戦【後編】

# フォント自作に挑戦
[前編](https://qiita.com/good_kobe/items/7c19a0bc589fb44ee07b)

## 完成したフォントファイル
https://github.com/kobe2018/GeoMathMono

# 作成するフォントの内容
項目|英語|内容
:-: |:-: |:-: 
元フォント||MigMix-1m
基準文字|Box Drawing|罫線素片
全角文字サイズ|FULL WIDTH font-size|1000×1000
半角文字サイズ|HALF WIDTH  font-size|1000×500
文字太さ||46
字間|letter-spacing|0
行間||0
半角と全角の等幅比||1（英+数）:2（仮名+漢字+記号）

## 「字間＝行間＝0」のイメージ
![image.png](https://qiita-image-store.s3.amazonaws.com/0/157498/e93bbeaf-1433-5b3c-8331-986ddce656cb.png)

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/157498/e15510a8-23f5-181d-7e5b-f4ed8af180b3.png)



# 変更したいフォント
unicode番号は、「&#x〇〇〇〇；」または、「&#x〇〇〇〇〇；」となります。


# 変更したいフォント：矢印
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F| 
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:  
219*|&#x2190;|&#x2191;|&#x2192;|&#x2193;|&#x2194;|&#x2195;|&#x2196;|&#x2197;|&#x2198;|&#x2199;||||
21B*|&#x21B0;|&#x21B1;|&#x21B2;|&#x21B3;|        |        |        |
21C*|        |        |        |        |&#x21C4;|&#x21C5;|&#x21C6;|
21E*|&#x21E0;|&#x21E1;|&#x21E2;|&#x21E3;|&#x21E4;|&#x21E5;|&#x21E6;|&#x21E7;|&#x21E8;|&#x21E9;|&#x21EA;|&#x21EB;|&#x21EC;|&#x21ED;|
234*|        |        |        |        |        |&#x2345;|&#x2346;|||||||||&#x234F;
235*|        |        |        |        |        |        |&#x2356;|
291*|        |        |&#x2912;|&#x2913;|        |        |        |
2B0*|&#x2B00;|&#x2B01;|&#x2B02;|&#x2B03;|&#x2B04;|&#x2B05;|&#x2B06;|&#x2B07;|&#x2B08;|&#x2B09;|&#x2B0A;|&#x2B0B;|&#x2B0C;|&#x2B0D;|
2B9*|        |        |        |        |        |&#x2B95;|        ||||||&#x2B9C;|&#x2B9D;|&#x2B9E;|&#x2B9F;
2B7*|&#x2B70;|&#x2B71;|&#x2B72;|&#x2B73;|||&#x2B76;|&#x2B77;|&#x2B78;|&#x2B79;|||||


# 変更したいフォント：線
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F| 
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
250*|&#x2500;|&#x2501;|&#x2502;|&#x2503;|&#x2504;|&#x2505;|&#x2506;|&#x2507;|&#x2508;|&#x2509;|&#x250A;|&#x250B;|
256*|&#x2560;|&#x2561;|&#x2562;|&#x2563;|&#x2564;|&#x2565;|&#x2566;|&#x2567;|&#x2568;|&#x2569;|&#x256A;|&#x256B;|&#x256C;|&#x256D;|&#x256E;|&#x256F;
257*|&#x2570;|&#x2571;|&#x2572;|&#x2573;|&#x2574;|&#x2575;|&#x2576;|&#x2577;||||||||
29A*|||||||&#x29A6;|&#x29A7;|||||||
29F*|||||||||||||&#x29FC;|&#x29FD;|


# 変更したいフォント：幾何学記号
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F| 
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
258*|&#x2580;|&#x2581;|&#x2582;|&#x2583;|&#x2584;|&#x2585;|&#x2586;|&#x2587;|&#x2588;|&#x2589;|&#x258A;|&#x258B;|&#x258C;|&#x258D;|&#x258E;|&#x258F;
259*|&#x2590;|&#x2591;|&#x2592;|&#x2593;|&#x2594;|&#x2595;|&#x2596;|&#x2597;|&#x2598;|&#x2599;|&#x259A;|&#x259B;|&#x259C;|&#x259D;|&#x259E;|&#x259F;
25A*|&#x25A0;|&#x25A1;|&#x25A2;|&#x25A3;
25C*|&#x25C0;|&#x25C1;||||||&#x25C7;||&#x25C9;||&#x25CB;||&#x25CD;|&#x25CE;|&#x25CF;
25E*|&#x25E0;|&#x25E1;|&#x25E2;|&#x25E3;|&#x25E4;|&#x25E5;|&#x25E6;|&#x25E7;||&#x25E9;||&#x25EB;||&#x25ED;|&#x25EE;|&#x25EF;
25F*|&#x25F0;|&#x25F1;|&#x25F2;|&#x25F3;|&#x25f4;|&#x25f5;|&#x25f6;|&#x25f7;|&#x25f8;|&#x25f9;|&#x25FA;|&#x25FB;|&#x25FC;|||&#x25FF;
2B1*|||&#x2B12;|&#x2B13;|&#x2B14;|&#x2B15;|&#x2B16;|&#x2B17;|&#x2B18;|&#x2B19;|&#x2B1A;|&#x2B1B;|&#x2B1C;||
1FB0*|&#x1FB00;|&#x1FB01;|&#x1FB02;|&#x1FB03;|&#x1FB04;|&#x1FB05;|&#x1FB06;|&#x1FB07;|&#x1FB08;|&#x1FB09;|&#x1FB0A;|&#x1FB0B;|&#x1FB0C;|&#x1FB0D;|&#x1FB0E;|&#x1FB0F;
1FB1*|&#x1FB10;|&#x1FB11;|&#x1FB12;|&#x1FB13;|&#x1FB14;|&#x1FB15;|&#x1FB16;|&#x1FB17;|&#x1FB18;|&#x1FB19;|&#x1FB1A;|&#x1FB1B;|&#x1FB1C;|&#x1FB1D;|&#x1FB1E;|&#x1FB1F;
1FB2*|&#x1FB20;|&#x1FB21;|&#x1FB22;|&#x1FB23;|&#x1FB24;|&#x1FB25;|&#x1FB26;|&#x1FB27;|&#x1FB28;|&#x1FB29;|&#x1FB2A;|&#x1FB2B;|&#x1FB2C;|&#x1FB2D;|&#x1FB2E;|&#x1FB2F;
1FB7*|&#x1FB70;|&#x1FB71;|&#x1FB72;|&#x1FB73;|&#x1FB74;|&#x1FB75;|&#x1FB76;|&#x1FB77;|&#x1FB78;|&#x1FB79;|&#x1FB7A;|&#x1FB7B;|&#x1FB7C;|&#x1FB7D;|&#x1FB7E;|&#x1FB7F;
1FB8*|&#x1FB80;|&#x1FB81;|&#x1FB82;|&#x1FB83;|&#x1FB84;|&#x1FB85;|&#x1FB86;|&#x1FB87;|&#x1FB88;|&#x1FB89;|&#x1FB8A;|&#x1FB8B;|&#x1FB8C;|&#x1FB8D;|&#x1FB8E;|&#x1FB8F;



# 変更したいフォント：数式記号
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F| 
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:  
220*|&#x2200;|&#x2201;|&#x2202;|&#x2203;|&#x2204;|&#x2205;|&#x2206;|&#x2207;|&#x2208;|&#x2209;|
221*||&#x2211;|&#x2212;|&#x2213;||&#x2215;||&#x2217;|||||||&#x221E;|
23B*|&#x23B0;|&#x23B1;|&#x23B2;|&#x23B3;|&#x23B4;|&#x23B5;|&#x23B6;|&#x23B7;
271*|||||||&#x2715;|&#x2716;|        |        |

# 変更したいフォント：数式変数文字
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F| 
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
1D43*|||||&#x1D434;|&#x1D435;|&#x1D436;|&#x1D437;|&#x1D438;|&#x1D439;|&#x1D43A;|&#x1D43B;|&#x1D43C;|&#x1D43D;|&#x1D43E;|&#x1D43F;
1D44*|&#x1D440;|&#x1D441;|&#x1D442;|&#x1D443;|&#x1D444;|&#x1D445;|&#x1D446;|&#x1D447;|&#x1D448;|&#x1D449;|&#x1D44A;|&#x1D44B;|&#x1D44C;|&#x1D44D;|&#x1D44E;|&#x1D44F;
1D45*|&#x1D450;|&#x1D451;|&#x1D452;|&#x1D453;|&#x1D454;|&#x1D455;|&#x1D456;|&#x1D457;|&#x1D458;|&#x1D459;|&#x1D45A;|&#x1D45B;|&#x1D45C;|&#x1D45D;|&#x1D45E;|&#x1D45F;
1D46*|&#x1D460;|&#x1D461;|&#x1D462;|&#x1D463;|&#x1D464;|&#x1D465;|&#x1D466;|&#x1D467;|&#x1D468;|&#x1D469;|&#x1D46A;|&#x1D46B;|&#x1D46C;|&#x1D46D;|&#x1D46E;|&#x1D46F;
1D47*|&#x1D470;|&#x1D471;|&#x1D472;|&#x1D473;|&#x1D474;|&#x1D475;|&#x1D476;|&#x1D477;|&#x1D478;|&#x1D479;|&#x1D47A;|&#x1D47B;|&#x1D47C;|&#x1D47D;|&#x1D47E;|&#x1D47F;
1D48*|&#x1D480;|&#x1D481;|&#x1D482;|&#x1D483;|&#x1D484;|&#x1D485;|&#x1D486;|&#x1D487;|&#x1D488;|&#x1D489;|&#x1D48A;|&#x1D48B;|&#x1D48C;|&#x1D48D;|&#x1D48E;|&#x1D48F;
1D49*|&#x1D490;|&#x1D491;|&#x1D492;|&#x1D493;|&#x1D494;|&#x1D495;|&#x1D496;|&#x1D497;|&#x1D498;|&#x1D499;|&#x1D49A;|&#x1D49B;|&#x1D49C;|&#x1D49D;|&#x1D49E;|&#x1D49F;

# 変更したいフォント：数式変数文字（二重線）
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F| 
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:
210*|||&#x2102;|||||||||||&#x210D;|||
211*||||||&#x2115;||||&#x2119;|&#x211A;|||&#x211D;
212*|||||&#x2124;||
1D53*|||||||||&#x1D538;|&#x1D539;||&#x1D53B;|&#x1D53C;|&#x1D53D;|&#x1D53E;||
1D54*|&#x1D540;|&#x1D541;|&#x1D542;|&#x1D543;|&#x1D544;||&#x1D546;||||&#x1D54A;|&#x1D54B;|&#x1D54C;|&#x1D54D;|&#x1D54E;|&#x1D54F;|
1D55*|&#x1D550;||&#x1D552;|&#x1D553;|&#x1D554;|&#x1D555;|&#x1D556;|&#x1D557;|&#x1D558;|&#x1D559;|&#x1D55A;|&#x1D55B;|&#x1D55C;|&#x1D55D;|&#x1D55E;|&#x1D55F;|
1D56*|&#x1D560;|&#x1D561;|&#x1D562;|&#x1D563;|&#x1D564;|&#x1D565;|&#x1D566;|&#x1D567;|&#x1D568;|&#x1D569;|&#x1D56A;|&#x1D56B;|



# 変更したいフォント：上付き
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F| 
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:  
00B*|||&#x00B2;|&#x00B3;||||||&#x00B9;|
1D2*|||||||||||||&#x1D2C;||&#x1D2E;|
1D3*|&#x1D30;|&#x1D31;||&#x1D33;|&#x1D34;|&#x1D35;|&#x1D36;|&#x1D37;|&#x1D38;|&#x1D39;|&#x1D3A;||&#x1D3C;||&#x1D3E;|&#x1D3F;|
1D4*|&#x1D40;|&#x1D41;|&#x1D42;|&#x1D43;||||&#x1D47;|&#x1D48;|&#x1D49;||||&#x1D4D;||&#x1D4F;|
1D5*|&#x1D50;||&#x1D52;||||&#x1D56;|&#x1D57;|&#x1D58;|||&#x1D5B;|
1D9*|||||||||||||&#x1D9C;|
1DA*|&#x1DA0;||||||||&#x1DA8;|||
1DB*||||||||||||&#x1DBB;||||&#x1DBF;
207*|&#x2070;|&#x2071;|||&#x2074;|&#x2075;|&#x2076;|&#x2077;|&#x2078;|&#x2079;|&#x207A;|&#x207B;|&#x207C;|&#x207D;|&#x207E;|&#x207F;

# 変更したいフォント：下付き
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F| 
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:  
1D6*|||&#x1D62;|&#x1D63;|&#x1D64;|&#x1D65;|
208*|&#x2080;|&#x2081;|&#x2082;|&#x2083;|&#x2084;|&#x2085;|&#x2086;|&#x2087;|&#x2088;|&#x2089;|&#x208A;|&#x208B;|&#x208C;|&#x208D;|&#x208E;|
209*|&#x2090;|&#x2091;|&#x2092;|&#x2093;|&#x2094;|&#x2095;|&#x2096;|&#x2097;|&#x2098;|&#x2099;|&#x209A;|&#x209B;|&#x209C;|||

# 変更したいフォント：絵文字
下1桁|0|1|2|3|4|5|6|7|8|9|A|B|C|D|E|F| 
:-: |:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:  
26E*|||||||||&#x26E8;|&#x26E9;|&#x26EA;|&#x26EB;|&#x26EC;
26F*|&#x26F0;|
1F30*|||||||||||&#x1F30A;
1F33*|||&#x1F332;|&#x1F333;|||||||
1F3D*||||&#x1F3D4;|&#x1F3D5;|||&#x1F3D8;|&#x1F3D9;|&#x1F3DA;|
1F3E*||||||||||||||||&#x1F3EF;|
1F3F*|&#x1F3F0;|


# 変更したいフォント:色付き幾何学記号
文字|unicode番号<br>「&#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)実践編①メモ帳をキャプチャーして張付
![image.png](https://qiita-image-store.s3.amazonaws.com/0/157498/ca41bef6-6990-82b8-f06a-7dae7c2a77ce.png)


# (3)実践編②「自作フォントでアクティビティ図を作ってみた」
　アクティビティ図＝活動図：フローチャートのUML版。同期記述もできる。

## 入力元文字
```
　　　●　
╭──┴──────╮
│アメリカに行きたい│
╰──┬──────╯
　　　↓
　■■■■■■■■■■■■
┌┴───┐　　　　┌┴──┐
│人に聞く│　　　　│考える│
└┬───┘　　　　└┬──┘
　↓　　　　　　　　　↓
　■■■■■■■■■■■■
　　　↓
　┌─┴──────┐
　│飛行機で行くか？│
　└─┬──────┘
　　　↓
　 YES◇────┐No
　┌─⭳─┐　┌⭳─────┐　
　│到着　│　│船で行くか？│　
　└───┘　└┬─────┘　
　　　　　　　　↓
　　　　　　 YES◇──────┐No
　　　　　　┌─⭳─┐　　　┌⭳──────┐
　　　　　　│到着　│　　　│泳いでいくか？│
　　　　　　└───┘　　　└┬──────┘
　　　　　　　　　　　　　 YES◇──────┐No　　
　　　　　　　　　　　　　┌─⭳──┐　　┌⭳─────┐
　　　　　　　　　　　　　│やめとけ│　　│どうやって？│
　　　　　　　　　　　　　└┬───┘　　└┬─────┘
　　　　　　　　　　　　　　├───────┘
　　　　　　　　　　　　　　◉　
```
## (3)実践編②メモ帳をキャプチャーして張付
![image.png](https://qiita-image-store.s3.amazonaws.com/0/157498/40590abe-bad1-5761-3db6-d8be5d83b7a1.png)



# ★番外編「自作フォントでQRコードを作ってみた」
　最初の目的と違いますが、綺麗に表示されかつQRコードも読めたので記載します。
[記号「■」とメモ帳でQRコードを作成したら綺麗だった（自作font）](https://qiita.com/good_kobe/items/aa2e26cac427618aa75d)

## 入力元文字（■で構成）
```

■■■■■■■　　■　■■　■■■■■■■
■　　　　　■　■■　■　　■　　　　　■
■　■■■　■　■■　　■　■　■■■　■
■　■■■　■　　■　■　　■　■■■　■
■　■■■　■　■　　　■　■　■■■　■
■　　　　　■　■　　■■　■　　　　　■
■■■■■■■　■　■　■　■■■■■■■
　　　　　　　　■■■■■　
■■　■　　■■　■■　　　■■■　■■
　■■■■■　■■■■　　　■　　　　■
■　■　　■■　■　■　■■　　　■■
　　■　■■　　　■■■　　　　　■　　■
■　■　　　■■■　　　■　■　■　■■■
　　　　　　　　■■■■　　　■■■　■
■■■■■■■　■　■　　■　■　■■■■
■　　　　　■　　　■■■■　■■■
■　■■■　■　　■■■　　■■■　■■■
■　■■■　■　■　　■　　　　　■■■■
■　■■■　■　　■　　■　　　■　　　■
■　　　　　■　■　　　　■■　■　■　■
■■■■■■■　■■　■■　　　■■■　　

```
## メモ帳をキャプチャーして張付
![image.png](https://qiita-image-store.s3.amazonaws.com/0/157498/8b4bc4fd-e84e-934a-8b1b-781c4061aad9.png)