534 lines
16 KiB
HTML
534 lines
16 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.6.1/github-markdown.min.css"
|
|
/>
|
|
<title>haunt98 posts</title>
|
|
</head>
|
|
<style>
|
|
.markdown-body {
|
|
box-sizing: border-box;
|
|
min-width: 200px;
|
|
max-width: 980px;
|
|
margin: 0 auto;
|
|
padding: 45px;
|
|
font-family:
|
|
Shantell Sans Normal,
|
|
Rec Mono Casual,
|
|
SF Pro,
|
|
Inter,
|
|
sans-serif;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.markdown-body pre {
|
|
font-family:
|
|
Berkeley Mono,
|
|
IBM Plex Mono,
|
|
SF Mono,
|
|
Jetbrains Mono,
|
|
monospace;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.markdown-body {
|
|
padding: 15px;
|
|
}
|
|
}
|
|
</style>
|
|
<body class="markdown-body">
|
|
<h2>
|
|
<a href="index.html"><code>~</code></a>
|
|
</h2>
|
|
<div class="markdown-heading">
|
|
<h1 class="heading-element">Fonts</h1>
|
|
<a
|
|
id="user-content-fonts"
|
|
class="anchor"
|
|
aria-label="Permalink: Fonts"
|
|
href="#fonts"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<p>
|
|
I always want the best fonts for my terminal, my text editor, my ... But
|
|
I'm not satisfied easily, so I keep trying new fonts. Prefer free fonts of
|
|
course :D
|
|
</p>
|
|
<p>TLDR:</p>
|
|
<p>
|
|
On macOS, use
|
|
<a href="https://developer.apple.com/fonts/" rel="nofollow"
|
|
>San Francisco</a
|
|
>
|
|
for everything. Remember each time macOS release new version/new update,
|
|
you should download again to get (maybe) latest version.
|
|
</p>
|
|
<p>Otherwise:</p>
|
|
<ul>
|
|
<li>
|
|
Use
|
|
<a href="https://github.com/JetBrains/JetBrainsMono">JetBrains Mono</a>
|
|
for code.
|
|
</li>
|
|
<li>
|
|
Use <a href="https://github.com/rsms/inter">Inter</a> for display.
|
|
</li>
|
|
</ul>
|
|
<p>Prefer:</p>
|
|
<ul>
|
|
<li>Choose <strong>OTF</strong> over <strong>TTF</strong> format.</li>
|
|
<li>Choose static font over variable font.</li>
|
|
<li>On macOS, ignore hinting. Otherwise, use hinting.</li>
|
|
</ul>
|
|
<p>My standard for choosing fonts:</p>
|
|
<ul>
|
|
<li>Support Vietnamese</li>
|
|
<li>Support bold, italic</li>
|
|
<li>Support ligatures</li>
|
|
<li>Has dotted zero, because I dislike slashed zero</li>
|
|
</ul>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">
|
|
<a href="https://github.com/JetBrains/JetBrainsMono">JetBrains Mono</a>
|
|
</h2>
|
|
<a
|
|
id="user-content-jetbrains-mono"
|
|
class="anchor"
|
|
aria-label="Permalink: JetBrains Mono"
|
|
href="#jetbrains-mono"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<p>JetBrains branding font.</p>
|
|
<p>Match my standard.</p>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">
|
|
<a href="https://github.com/be5invis/Iosevka">Iosevka</a>
|
|
</h2>
|
|
<a
|
|
id="user-content-iosevka"
|
|
class="anchor"
|
|
aria-label="Permalink: Iosevka"
|
|
href="#iosevka"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<p>I often choose SS08 variant because I also love PragmataPro too.</p>
|
|
<p>Match my standard. Also:</p>
|
|
<ul>
|
|
<li>Has display font</li>
|
|
</ul>
|
|
<p>Font is narrow, can display much more on small screen.</p>
|
|
<p>
|
|
I have custom build
|
|
<a href="https://gist.github.com/haunt98/706f379a3a76c80d4b5dfc2e83e7d815"
|
|
>Iosevka Pacman</a
|
|
>
|
|
for my own use.
|
|
</p>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">
|
|
<a href="https://github.com/arrowtype/recursive">Recursive</a>
|
|
</h2>
|
|
<a
|
|
id="user-content-recursive"
|
|
class="anchor"
|
|
aria-label="Permalink: Recursive"
|
|
href="#recursive"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<p>I often choose Casual variant.</p>
|
|
<p>Match my standard. Also:</p>
|
|
<ul>
|
|
<li>Has display font</li>
|
|
</ul>
|
|
<p>Looks good on my phone.</p>
|
|
<ul>
|
|
<li>
|
|
<a href="https://www.recursive.design/process/" rel="nofollow"
|
|
>Designing Recursive</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">
|
|
<a href="https://github.com/blobject/agave">agave</a>
|
|
</h2>
|
|
<a
|
|
id="user-content-agave"
|
|
class="anchor"
|
|
aria-label="Permalink: agave"
|
|
href="#agave"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<p>Does not match my standard:</p>
|
|
<ul>
|
|
<li>No Vietnamese</li>
|
|
<li>No italic</li>
|
|
<li>No ligatures</li>
|
|
</ul>
|
|
<p>
|
|
Font is small, can display much more on small screen. I like its curved
|
|
look.
|
|
</p>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">
|
|
<a href="https://github.com/jenskutilek/sudo-font">Sudo</a>
|
|
</h2>
|
|
<a
|
|
id="user-content-sudo"
|
|
class="anchor"
|
|
aria-label="Permalink: Sudo"
|
|
href="#sudo"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<p>Small fonts, saving space.</p>
|
|
<p>Does not match my standard:</p>
|
|
<ul>
|
|
<li>No ligatures</li>
|
|
</ul>
|
|
<p>But:</p>
|
|
<ul>
|
|
<li>Has display font</li>
|
|
</ul>
|
|
<p>
|
|
Unique to me. Strange <code>#</code>, looks same as <code>4</code> (I
|
|
don't like it).
|
|
</p>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">
|
|
<a href="https://github.com/belluzj/fantasque-sans"
|
|
>Fantasque Sans Mono</a
|
|
>
|
|
</h2>
|
|
<a
|
|
id="user-content-fantasque-sans-mono"
|
|
class="anchor"
|
|
aria-label="Permalink: Fantasque Sans Mono"
|
|
href="#fantasque-sans-mono"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<p>Comic vibe. Look smoothly and too much curve.</p>
|
|
<p>Does not match my standard:</p>
|
|
<ul>
|
|
<li>No Vietnamese</li>
|
|
<li>No dotted zero</li>
|
|
</ul>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">
|
|
<a href="https://apl385.com/fonts/index.htm" rel="nofollow">APL-385</a>
|
|
and <a href="https://github.com/abrudz/APL386">APL386</a>
|
|
</h2>
|
|
<a
|
|
id="user-content-apl-385-and-apl386"
|
|
class="anchor"
|
|
aria-label="Permalink: APL-385 and APL386"
|
|
href="#apl-385-and-apl386"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<p>Does not match my standard:</p>
|
|
<ul>
|
|
<li>No Vietnamese</li>
|
|
<li>No bold, italic</li>
|
|
<li>No ligatures (APL-385 not APL386)</li>
|
|
<li>No dotted zero</li>
|
|
</ul>
|
|
<p>But:</p>
|
|
<ul>
|
|
<li>Has display font (APL333)</li>
|
|
</ul>
|
|
<p>I love its wide look, also it's feel nostalgic.</p>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">
|
|
<a href="https://github.com/IBM/plex">IBM Plex</a>
|
|
</h2>
|
|
<a
|
|
id="user-content-ibm-plex"
|
|
class="anchor"
|
|
aria-label="Permalink: IBM Plex"
|
|
href="#ibm-plex"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<p>
|
|
IBM branding font, good alternative for Inter, has both monospace and
|
|
display variant.
|
|
</p>
|
|
<p>Does not match my standard:</p>
|
|
<ul>
|
|
<li>No ligatures</li>
|
|
</ul>
|
|
<p>But:</p>
|
|
<ul>
|
|
<li>Has display font</li>
|
|
</ul>
|
|
<p>Looks fancy. Strange <code>#</code>.</p>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">
|
|
<a href="https://github.com/pcaro90/hermit">Hermit</a>
|
|
</h2>
|
|
<a
|
|
id="user-content-hermit"
|
|
class="anchor"
|
|
aria-label="Permalink: Hermit"
|
|
href="#hermit"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<p>Does not match my standard:</p>
|
|
<ul>
|
|
<li>No Vietnamese</li>
|
|
<li>No ligatures</li>
|
|
<li>No dotted zero</li>
|
|
</ul>
|
|
<p>Looks unique to me, with some sharp look.</p>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">
|
|
<a href="https://github.com/ryanoasis/nerd-fonts">Nerd Fonts</a>
|
|
</h2>
|
|
<a
|
|
id="user-content-nerd-fonts"
|
|
class="anchor"
|
|
aria-label="Permalink: Nerd Fonts"
|
|
href="#nerd-fonts"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<p>For fancy terminal, only need <code>NerdFontsSymbolsOnly</code></p>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">
|
|
Murr fonts, but I don't use much now (some fonts I already try in the
|
|
past)
|
|
</h2>
|
|
<a
|
|
id="user-content-murr-fonts-but-i-dont-use-much-now-some-fonts-i-already-try-in-the-past"
|
|
class="anchor"
|
|
aria-label="Permalink: Murr fonts, but I don't use much now (some fonts I already try in the past)"
|
|
href="#murr-fonts-but-i-dont-use-much-now-some-fonts-i-already-try-in-the-past"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<ul>
|
|
<li>
|
|
<a href="https://github.com/tonsky/FiraCode">Fira Code</a>: legend, best
|
|
ligatures.
|
|
</li>
|
|
<li>
|
|
<a href="https://input.djr.com/" rel="nofollow">Input</a>: legend.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/larsenwork/monoid">Monoid</a>: legend.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/madmalik/mononoki">mononoki</a>: share same
|
|
vibe with agave.
|
|
</li>
|
|
<li>
|
|
<a href="https://design.ubuntu.com/font" rel="nofollow"
|
|
>Ubuntu Monospace</a
|
|
>: nostalogic to me since first Linux distro I use is Ubuntu.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/coz-m/MPLUS_FONTS">M+</a>: Japanese
|
|
aesthetic.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/evilmartians/mono">Martian Mono</a>: wide
|
|
font with bold, strong look.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/0xType/0xProto">0xProto</a>: found it on
|
|
Instagram, kinda wish it has dotted zero.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/eigilnikolajsen/commit-mono">Commit Mono</a
|
|
>: claim to be true netral font. Also I love the website.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/rubjo/victor-mono">Victor Mono</a>: love
|
|
regular italic, not bold.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/subframe7536/maple-font">Maple Font</a>:
|
|
JetBrainsMono and other fonts look alike.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/mishamyrt/Lilex">Lilex</a>: less curve,
|
|
rectangle like, inspiration from IBM Plex Mono.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/cormullion/juliamono">JuliaMono</a>:
|
|
JetBrainsMono look alike.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/microsoft/cascadia-code">Cascadia Code</a>:
|
|
Microsoft branding font.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/intel/intel-one-mono">Intel One Mono</a>:
|
|
latest Intel branding font.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/githubnext/monaspace">Monaspace</a>: new
|
|
GitHub fonts with Texture Healing.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/iaolo/iA-Fonts">iA-Fonts</a>: Notion mono
|
|
font.
|
|
</li>
|
|
</ul>
|
|
<div class="markdown-heading">
|
|
<h3 class="heading-element">Bitmap/Oldschool</h3>
|
|
<a
|
|
id="user-content-bitmapoldschool"
|
|
class="anchor"
|
|
aria-label="Permalink: Bitmap/Oldschool"
|
|
href="#bitmapoldschool"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<ul>
|
|
<li>
|
|
<a href="https://terminus-font.sourceforge.net/" rel="nofollow"
|
|
>Terminus</a
|
|
>: super old, super legend font.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/rbanffy/3270font">3270font</a>: nostalogic.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/slavfox/Cozette">Cozette</a>: feel 8-bit
|
|
vibe, mono to death. But sometimes it's hard to read. Bitmap fonts is
|
|
hard to install too.
|
|
</li>
|
|
<li>
|
|
<a href="https://int10h.org/oldschool-pc-fonts/" rel="nofollow"
|
|
>The Ultimate Oldschool PC Font Pack</a
|
|
>
|
|
with
|
|
<a
|
|
href="https://int10h.org/blog/2020/12/more-font-updates-oldschool-pack-flexi-vga/"
|
|
rel="nofollow"
|
|
>Flexi IBM VGA</a
|
|
>: old school.
|
|
</li>
|
|
<li>
|
|
<a href="https://style64.org/c64-truetype" rel="nofollow">C64</a>:
|
|
Commodore 64 font.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/kika/fixedsys">Fixedsys Excelsior</a>: old
|
|
DOS vibe.
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="http://www.kreativekorp.com/software/fonts/fairfaxhd/"
|
|
rel="nofollow"
|
|
>Fairfax HD</a
|
|
>: bitmap vibe but support vector.
|
|
</li>
|
|
</ul>
|
|
<div class="markdown-heading">
|
|
<h3 class="heading-element">Only display</h3>
|
|
<a
|
|
id="user-content-only-display"
|
|
class="anchor"
|
|
aria-label="Permalink: Only display"
|
|
href="#only-display"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<ul>
|
|
<li>
|
|
<a href="https://github.com/intel/clear-sans">Clear Sans</a>: used to be
|
|
Intel branding font.
|
|
</li>
|
|
<li>
|
|
<a href="https://brailleinstitute.org/freefont" rel="nofollow"
|
|
>Atkinson Hyperlegible</a
|
|
>: for reading ebook.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/floriankarsten/space-grotesk"
|
|
>Space Grotesk</a
|
|
>: same as Space Mono but for display.
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/arrowtype/shantell-sans">Shantell Sans</a>:
|
|
another Comic vibe.
|
|
<ul>
|
|
<li>
|
|
<a href="https://shantellsans.com/process" rel="nofollow"
|
|
>The Story of Shantell Sans</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/0xType/0xPropo">0xPropo</a>: same as 0xProto
|
|
but for display.
|
|
</li>
|
|
</ul>
|
|
<p>
|
|
<strong>Costing money</strong> fonts, but I like them too much, will
|
|
probably buy it if I have money:
|
|
</p>
|
|
<ul>
|
|
<li>
|
|
<a href="https://fsd.it/shop/fonts/pragmatapro/" rel="nofollow"
|
|
>PragmataPro</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="https://berkeleygraphics.com/typefaces/berkeley-mono/"
|
|
rel="nofollow"
|
|
>Berkeley Mono Typeface</a
|
|
>
|
|
</li>
|
|
<li><a href="https://www.monolisa.dev/" rel="nofollow">MonoLisa</a></li>
|
|
<li>
|
|
<a href="https://connary.com/cartograph.html" rel="nofollow"
|
|
>Cartograph</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
<div class="markdown-heading">
|
|
<h2 class="heading-element">Tools</h2>
|
|
<a
|
|
id="user-content-tools"
|
|
class="anchor"
|
|
aria-label="Permalink: Tools"
|
|
href="#tools"
|
|
><span aria-hidden="true" class="octicon octicon-link"></span
|
|
></a>
|
|
</div>
|
|
<ul>
|
|
<li><a href="https://github.com/fontforge/fontforge">FontForge</a></li>
|
|
<li><a href="https://github.com/rosettatype/hyperglot">Hyperglot</a></li>
|
|
</ul>
|
|
|
|
<div>
|
|
Feel free to ask me via
|
|
<a href="mailto:hauvipapro+posts@gmail.com">email</a> or
|
|
<a rel="me" href="https://hachyderm.io/@haunguyen">Mastodon</a>.
|
|
<br />Source code is available on
|
|
<a href="https://github.com/haunt98/posts-go">GitHub</a>
|
|
<a href="https://codeberg.org/yoshie/posts-go">Codeberg</a>
|
|
<a href="https://git.sr.ht/~youngyoshie/posts-go">sourcehut</a>
|
|
<a href="https://gitea.treehouse.systems/yoshie/posts-go">Treehouse</a>
|
|
<a href="https://gitlab.com/youngyoshie/posts-go">GitLab</a>
|
|
</div>
|
|
</body>
|
|
</html>
|