両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン |
open_source:fonts [2023/03/27 04:56] – ともやん | open_source:fonts [2025/04/12 10:02] (現在) – [HackGen] ともやん |
---|
====== フォント ====== | ====== フォント ====== |
| <html><style> |
| .table > thead > tr > th { |
| white-space: nowrap; |
| } |
| b.hackgen { font-family: 'HackGen'; } |
| b.hackgen35 { font-family: 'HackGen35'; } |
| b.hackgen_cnf { font-family: 'HackGen Console NF'; } |
| b.hackgen35_cnf { font-family: 'HackGen35 Console NF'; } |
| b.hackgen_n { font-family: 'HackGenNerd'; } |
| b.hackgen_nc { font-family: 'HackGenNerd Console'; } |
| b.sz01 { font-size: 1px; line-height: 1px; } |
| b.sz05 { font-size: 5px; line-height: 5px; } |
| b.sz10 { font-size: 10px; line-height: 10px; } |
| b.sz12 { font-size: 12px; line-height: 12px; } |
| b.sz12b { font-size: 12px; line-height: 12px; font-weight: bold; } |
| b.sz24 { font-size: 24px; line-height: 24px; } |
| b.sz24b { font-size: 24px; line-height: 24px; font-weight: bold; } |
| b.sz48 { font-size: 48px; line-height: 48px; } |
| </style></html> |
| |
===== 活用方法 ===== | ===== 活用方法 ===== |
===== HackGen ===== | ===== HackGen ===== |
本家?: [[qita>tawara_/items/374f3ca0a386fab8b305|【文字幅 半角3:全角5 も追加】Ricty を神フォントだと崇める僕が、フリーライセンスのプログラミングフォント「白源」を作った話 - Qiita]]\\ | 本家?: [[qita>tawara_/items/374f3ca0a386fab8b305|【文字幅 半角3:全角5 も追加】Ricty を神フォントだと崇める僕が、フリーライセンスのプログラミングフォント「白源」を作った話 - Qiita]]\\ |
ソースコード: [[https://github.com/yuru7/HackGen|yuru7/HackGen: HackGen is Japanese programming font which is a composed of Hack and GenJyuu-Gothic.]]\\ | ソースコード: [[git>yuru7/HackGen|yuru7/HackGen: HackGen is Japanese programming font which is a composed of Hack and GenJyuu-Gothic.]]\\ |
^ サイズ ^ サンプル ^ | | 1px | <html><b class="hackgen sz01">HackGen!! 0123456789 abcde ABCDE あいうえお</b></html> | |
^ HackGen ^^ | | 5px | <html><b class="hackgen sz05">HackGen!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 1px | <html><span style="font-family: 'HackGen'; font-size: 1px;">HackGen!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 10px | <html><b class="hackgen sz10">HackGen!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 5px | <html><span style="font-family: 'HackGen'; font-size: 5px;">HackGen!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 12px | <html><b class="hackgen sz12">HackGen!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 10px | <html><span style="font-family: 'HackGen'; font-size: 10px;">HackGen!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 12px **bold** | <html><b class="hackgen sz12b">HackGen!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 12px | <html><span style="font-family: 'HackGen'; font-size: 12px;">HackGen!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 24px | <html><b class="hackgen sz24">HackGen!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 24px | <html><span style="font-family: 'HackGen'; font-size: 24px;">HackGen!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 24px **bold** | <html><b class="hackgen sz24b">HackGen!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 48px | <html><span style="font-family: 'HackGen'; font-size: 48px;">HackGen!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 48px | <html><b class="hackgen sz48">HackGen!! 0123456789<br>abcde ABCDE あいうえお</b></html> | |
^ HackGen35 ^^ | |
| 1px | <html><span style="font-family: 'HackGen35'; font-size: 1px;">HackGen35!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 5px | <html><span style="font-family: 'HackGen35'; font-size: 5px;">HackGen35!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 10px | <html><span style="font-family: 'HackGen35'; font-size: 10px;">HackGen35!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 12px | <html><span style="font-family: 'HackGen35'; font-size: 12px;">HackGen35!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 24px | <html><span style="font-family: 'HackGen35'; font-size: 24px;">HackGen35!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 48px | <html><span style="font-family: 'HackGen35'; font-size: 48px;">HackGen35!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
^ HackGen Console NFJ ^^ | |
| 1px | <html><span style="font-family: 'HackGen Console NFJ'; font-size: 1px;">HackGen Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 5px | <html><span style="font-family: 'HackGen Console NFJ'; font-size: 5px;">HackGen Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 10px | <html><span style="font-family: 'HackGen Console NFJ'; font-size: 10px;">HackGen Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 12px | <html><span style="font-family: 'HackGen Console NFJ'; font-size: 12px;">HackGen Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 24px | <html><span style="font-family: 'HackGen Console NFJ'; font-size: 24px;">HackGen Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 48px | <html><span style="font-family: 'HackGen Console NFJ'; font-size: 48px;">HackGen Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
^ HackGen35 Console NFJ ^^ | |
| 1px | <html><span style="font-family: 'HackGen35 Console NFJ'; font-size: 1px;">HackGen35 Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 5px | <html><span style="font-family: 'HackGen35 Console NFJ'; font-size: 5px;">HackGen35 Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 10px | <html><span style="font-family: 'HackGen35 Console NFJ'; font-size: 10px;">HackGen35 Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 12px | <html><span style="font-family: 'HackGen35 Console NFJ'; font-size: 12px;">HackGen35 Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 24px | <html><span style="font-family: 'HackGen35 Console NFJ'; font-size: 24px;">HackGen35 Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 48px | <html><span style="font-family: 'HackGen35 Console NFJ'; font-size: 48px;">HackGen35 Console NFJ!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| |
^ サイズ ^ サンプル ^ | ==== HackGen35 ==== |
^ HackGenNerd ^^ | | 1px | <html><b class="hackgen35 sz01">HackGen35!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 1px | <html><span style="font-family: 'HackGenNerd'; font-size: 1px;">HackGenNerd!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 5px | <html><b class="hackgen35 sz05">HackGen35!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 5px | <html><span style="font-family: 'HackGenNerd'; font-size: 5px;">HackGenNerd!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 10px | <html><b class="hackgen35 sz10">HackGen35!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 10px | <html><span style="font-family: 'HackGenNerd'; font-size: 10px;">HackGenNerd!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 12px | <html><b class="hackgen35 sz12">HackGen35!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 12px | <html><span style="font-family: 'HackGenNerd'; font-size: 12px;">HackGenNerd!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 12px **bold** | <html><b class="hackgen35 sz12 font-weight: bold;">HackGen35!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 24px | <html><span style="font-family: 'HackGenNerd'; font-size: 24px;">HackGenNerd!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 24px | <html><b class="hackgen35 sz24">HackGen35!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 48px | <html><span style="font-family: 'HackGenNerd'; font-size: 48px;">HackGenNerd!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 24px **bold** | <html><b class="hackgen35 sz24 font-weight: bold;">HackGen35!! 0123456789 abcde ABCDE あいうえお</b></html> | |
^ HackGenNerd Console ^^ | | 48px | <html><b class="hackgen35 sz48">HackGen35!! 0123456789<br>abcde ABCDE あいうえお</b></html> | |
| 1px | <html><span style="font-family: 'HackGenNerd Console'; font-size: 1px;">HackGenNerd Console!! 0123456789 abcde ABCDE あいうえお</span></html> | | |
| 5px | <html><span style="font-family: 'HackGenNerd Console'; font-size: 5px;">HackGenNerd Console!! 0123456789 abcde ABCDE あいうえお</span></html> | | ==== HackGen Console NF ==== |
| 10px | <html><span style="font-family: 'HackGenNerd Console'; font-size: 10px;">HackGenNerd Console!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 1px | <html><b class="hackgen_cnf sz01">HackGen Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 12px | <html><span style="font-family: 'HackGenNerd Console'; font-size: 12px;">HackGenNerd Console!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 5px | <html><b class="hackgen_cnf sz05">HackGen Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 24px | <html><span style="font-family: 'HackGenNerd Console'; font-size: 24px;">HackGenNerd Console!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 10px | <html><b class="hackgen_cnf sz10">HackGen Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| 48px | <html><span style="font-family: 'HackGenNerd Console'; font-size: 48px;">HackGenNerd Console!! 0123456789 abcde ABCDE あいうえお</span></html> | | | 12px | <html><b class="hackgen_cnf sz12">HackGen Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 12px **bold** | <html><b class="hackgen_cnf sz12 font-weight: bold;">HackGen Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 24px | <html><b class="hackgen_cnf sz24">HackGen Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 24px **bold** | <html><b class="hackgen_cnf sz24 font-weight: bold;">HackGen Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 48px | <html><b class="hackgen_cnf sz48">HackGen Console NF!!<br>0123456789 abcde ABCDE<br>あいうえお</b></html> | |
| ^ ^ 均等幅チェック ^ |
| | | <html><pre class="hackgen_cnf sz24">HackGen Console NF!! |
| 0123456789 abcde ABCDE |
| ✔0123456789 abcde ABCDE |
| あいうえお かきくけこ さしすせそ |
| あいうえお かきくけこ さしすせそ |
| </pre></html> | |
| |
| ==== HackGen35 Console NF ==== |
| | 1px | <html><b class="hackgen35_cnf sz01">HackGen35 Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 5px | <html><b class="hackgen35_cnf sz05">HackGen35 Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 10px | <html><b class="hackgen35_cnf sz10">HackGen35 Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 12px | <html><b class="hackgen35_cnf sz12">HackGen35 Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 12px **bold** | <html><b class="hackgen35_cnf sz12 font-weight: bold;">HackGen35 Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 24px | <html><b class="hackgen35_cnf sz24">HackGen35 Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 24px **bold** | <html><b class="hackgen35_cnf sz24 font-weight: bold;">HackGen35 Console NF!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 48px | <html><b class="hackgen35_cnf sz48">HackGen35 Console NF!!<br>0123456789 abcde ABCDE<br>あいうえお</b></html> | |
| ^ ^ 均等幅チェック ^ |
| | | <html><pre class="hackgen35_cnf sz24">HackGen35 Console NF!! |
| 0123456789 abcde ABCDE |
| ✔0123456789 abcde ABCDE |
| あいうえお かきくけこ さしすせそ |
| あいうえお かきくけこ さしすせそ |
| </pre></html> | |
| |
| ==== HackGenNerd ==== |
| | 1px | <html><b class="hackgen_n sz01">HackGenNerd!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 5px | <html><b class="hackgen_n sz05">HackGenNerd!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 10px | <html><b class="hackgen_n sz10">HackGenNerd!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 12px | <html><b class="hackgen_n sz12">HackGenNerd!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 24px | <html><b class="hackgen_n sz24">HackGenNerd!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 48px | <html><b class="hackgen_n sz48">HackGenNerd!! 0123456789<br>abcde ABCDE あいうえお</b></html> | |
| |
| ==== HackGenNerd Console ==== |
| | 1px | <html><b class="hackgen_nc sz01">HackGenNerd Console!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 5px | <html><b class="hackgen_nc sz05">HackGenNerd Console!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 10px | <html><b class="hackgen_nc sz10">HackGenNerd Console!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 12px | <html><b class="hackgen_nc sz12">HackGenNerd Console!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 24px | <html><b class="hackgen_nc sz24">HackGenNerd Console!! 0123456789 abcde ABCDE あいうえお</b></html> | |
| | 48px | <html><b class="hackgen_nc sz48">HackGenNerd Console!!<br>0123456789 abcde ABCDE<br>あいうえお</b></html> | |
| ^ ^ 均等幅チェック ^ |
| | | <html><pre class="hackgen_nc sz24">HackGenNerd Console!! |
| 0123456789 abcde ABCDE |
| ✔0123456789 abcde ABCDE |
| あいうえお かきくけこ さしすせそ |
| あいうえお かきくけこ さしすせそ |
| </pre></html> | |
| |
| ===== Fira (typeface) ===== |
| ソースコード: [[git>tonsky/FiraCode|tonsky/FiraCode: Free monospaced font with programming ligatures]]\\ |
| [[ww>Fira_(typeface)|Fira (typeface)]] より\\ |
| |
===== Ricty ===== | ===== Ricty ===== |
本家: [[https://rictyfonts.github.io/|プログラミング用フォント Ricty]]\\ | 本家: [[https://rictyfonts.github.io/|プログラミング用フォント Ricty]]\\ |
ソースコード: [[https://github.com/edihbrandon/Ricty|edihbrandon/Ricty: Ricty --- fonts for programming]]\\ | ソースコード: [[git>edihbrandon/Ricty|edihbrandon/Ricty: Ricty --- fonts for programming]]\\ |
| |
Ricty (リクティ) は Linux 環境での研究・開発に適したフリーなプログラミング用 TrueType フォントである。\\ | Ricty (リクティ) は Linux 環境での研究・開発に適したフリーなプログラミング用 TrueType フォントである。\\ |
[[https://sekisuiseien.com/computer/10818/|【Linux】UbuntuでフォントをGUIやCUIでインストールする方法 | 積水成淵日記]]\\ | [[https://sekisuiseien.com/computer/10818/|【Linux】UbuntuでフォントをGUIやCUIでインストールする方法 | 積水成淵日記]]\\ |
[[https://atmarkit.itmedia.co.jp/ait/articles/1812/14/news034.html|【 fc-cache 】コマンド――フォントキャッシュを更新する]]\\ | [[https://atmarkit.itmedia.co.jp/ait/articles/1812/14/news034.html|【 fc-cache 】コマンド――フォントキャッシュを更新する]]\\ |
| [[arc>フォント|フォント - ArchWiki]]\\ |
| |