posts-go/docs/2023-03-30-fonts.html

480 lines
14 KiB
HTML
Raw Normal View History

2023-07-18 18:38:30 +00:00
<!doctype html>
2023-03-31 10:24:36 +00:00
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
2023-10-11 06:57:20 +00:00
href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/5.3.0/github-markdown.min.css"
2023-03-31 10:24:36 +00:00
/>
<title>haunt98 posts</title>
2023-03-31 10:24:36 +00:00
</head>
<style>
.markdown-body {
box-sizing: border-box;
min-width: 200px;
max-width: 980px;
margin: 0 auto;
padding: 45px;
}
@media (max-width: 767px) {
.markdown-body {
padding: 15px;
}
}
</style>
<body class="markdown-body">
2023-08-09 07:22:58 +00:00
<h2>
<a href="index.html"><code>~</code></a>
</h2>
2023-11-19 15:59:21 +00:00
<h1>
<a
id="user-content-fonts"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#fonts"
><span aria-hidden="true" class="octicon octicon-link"></span></a
>Fonts
2023-03-31 10:24:36 +00:00
</h1>
<p>
I always want the best fonts for my terminal, my text editor, my ... But
2023-04-01 07:49:05 +00:00
I'm not satisfied easily, so I keep trying new fonts. Prefer free fonts of
course :D
2023-03-31 10:24:36 +00:00
</p>
<p>TLDR:</p>
2023-06-28 12:14:23 +00:00
<p>
2023-08-06 10:16:18 +00:00
On macOS, use
2023-06-28 12:14:23 +00:00
<a href="https://developer.apple.com/fonts/" rel="nofollow"
>San Francisco</a
>
2023-06-29 07:24:26 +00:00
for everything. Remember each time macOS release new version/new update,
you should download again to get (maybe) latest version.
2023-06-28 12:14:23 +00:00
</p>
<p>Otherwise:</p>
2023-03-31 10:24:36 +00:00
<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 everything
else.
</li>
</ul>
<p>
2023-05-30 18:20:41 +00:00
All images belows is either official images I got from fonts website or my
own screenshots. I'm too lazy to screenshot anw :D
2023-03-31 10:24:36 +00:00
</p>
2023-11-19 15:59:21 +00:00
<h2>
<a
id="user-content-jetbrains-mono"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#jetbrains-mono"
><span aria-hidden="true" class="octicon octicon-link"></span></a
><a href="https://github.com/JetBrains/JetBrainsMono">JetBrains Mono</a>
2023-03-31 10:24:36 +00:00
</h2>
2023-08-06 10:16:18 +00:00
<p>JetBrains branding font.</p>
2023-03-31 10:24:36 +00:00
<ul>
<li>Support Vietnamese</li>
2023-04-17 08:48:16 +00:00
<li>Support bold, italic</li>
2023-03-31 10:24:36 +00:00
<li>Support ligatures</li>
2023-08-08 07:30:26 +00:00
<li>Has dotted zero</li>
2023-03-31 10:24:36 +00:00
</ul>
<p>
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/JetBrains/JetBrainsMono/raw/master/images/character-set@2x.png"
><img
src="https://github.com/JetBrains/JetBrainsMono/raw/master/images/character-set@2x.png"
alt="img00"
style="max-width: 100%"
/></a>
</p>
2023-08-09 06:40:01 +00:00
<p>
2023-08-09 07:52:57 +00:00
Ligatures I prefer: <code>ss02</code>, <code>cv04</code>,
<code>cv16</code>, <code>cv18</code>, <code>cv19</code>,
2023-08-09 06:40:01 +00:00
<code>cv20</code>.
</p>
2023-11-19 15:59:21 +00:00
<h2>
<a
id="user-content-iosevka"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#iosevka"
><span aria-hidden="true" class="octicon octicon-link"></span></a
><a href="https://github.com/be5invis/Iosevka">Iosevka</a>
2023-03-31 10:24:36 +00:00
</h2>
2023-10-06 05:32:18 +00:00
<p>I often choose SS08 variant because I also love PragmataPro too.</p>
2023-03-31 10:24:36 +00:00
<ul>
<li>Support Vietnamese</li>
<li>Support bold, italic</li>
<li>Support ligatures</li>
2023-08-08 07:30:26 +00:00
<li>Has dotted zero</li>
<li>Has display font</li>
2023-03-31 10:24:36 +00:00
</ul>
2023-05-30 18:20:41 +00:00
<p>
Font is narrow, can display much more on small screen. But too much
config/variant for ligatures scares me.
</p>
2023-11-19 15:59:21 +00:00
<h2>
<a
id="user-content-recursive"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#recursive"
><span aria-hidden="true" class="octicon octicon-link"></span></a
><a href="https://github.com/arrowtype/recursive">Recursive</a>
2023-03-31 10:24:36 +00:00
</h2>
<p>I often choose Casual variant.</p>
<ul>
<li>Support Vietnamese</li>
<li>Support bold, italic</li>
<li>Support ligatures</li>
2023-08-10 19:18:41 +00:00
<li>Has dotted zero</li>
2023-08-08 07:30:26 +00:00
<li>Has display font</li>
2023-03-31 10:24:36 +00:00
</ul>
2023-08-10 19:18:41 +00:00
<p>Ligatures I prefer: <code>ss10</code>, <code>ss12</code>.</p>
2023-04-01 07:23:13 +00:00
<p>Looks good on my phone.</p>
2023-11-19 15:59:21 +00:00
<h2>
<a
id="user-content-agave"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#agave"
><span aria-hidden="true" class="octicon octicon-link"></span></a
><a href="https://github.com/blobject/agave">agave</a>
2023-03-31 10:24:36 +00:00
</h2>
<ul>
<li>No Vietnamese</li>
<li>Support bold</li>
<li>No italic</li>
<li>No ligatures</li>
2023-08-08 07:30:26 +00:00
<li>Has dotted zero</li>
2023-03-31 10:24:36 +00:00
</ul>
<p>
Font is small, can display much more on small screen. I like its curved
look.
</p>
2023-11-19 15:59:21 +00:00
<h2>
<a
id="user-content-sudo"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#sudo"
><span aria-hidden="true" class="octicon octicon-link"></span></a
><a href="https://github.com/jenskutilek/sudo-font">Sudo</a>
2023-03-31 10:24:36 +00:00
</h2>
2023-08-06 10:16:18 +00:00
<p>Small fonts, saving space.</p>
2023-03-31 10:24:36 +00:00
<ul>
2023-08-06 10:16:18 +00:00
<li>Support Vietnamese</li>
<li>Support bold, italic</li>
2023-03-31 10:24:36 +00:00
<li>No ligatures</li>
2023-08-08 07:30:26 +00:00
<li>Has dotted zero</li>
<li>Has display font</li>
2023-03-31 10:24:36 +00:00
</ul>
<p>
2023-08-06 10:16:18 +00:00
Unique to me. Strange <code>#</code>, looks same as <code>4</code> (I
don't like it for now).
2023-03-31 10:24:36 +00:00
</p>
2023-11-19 15:59:21 +00:00
<h2>
<a
id="user-content-fantasque-sans-mono"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#fantasque-sans-mono"
><span aria-hidden="true" class="octicon octicon-link"></span></a
2023-10-10 07:45:52 +00:00
><a href="https://github.com/belluzj/fantasque-sans"
>Fantasque Sans Mono</a
2023-11-19 15:59:21 +00:00
>
2023-10-10 07:45:52 +00:00
</h2>
<p>Comic vibe. Look smoothly and too much curve.</p>
<ul>
<li>No Vietnamese</li>
<li>Support bold, italic</li>
<li>Support ligatures</li>
</ul>
<p>
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/belluzj/fantasque-sans/raw/master/Specimen/Specimen.png"
><img
src="https://github.com/belluzj/fantasque-sans/raw/master/Specimen/Specimen.png"
alt="img03"
style="max-width: 100%"
/></a>
</p>
2023-11-19 15:59:21 +00:00
<h2>
<a
id="user-content-apl-385-and-apl386"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#apl-385-and-apl386"
><span aria-hidden="true" class="octicon octicon-link"></span
></a>
<a href="https://apl385.com/fonts/index.htm" rel="nofollow">APL-385</a>
2023-10-10 07:45:52 +00:00
and <a href="https://github.com/abrudz/APL386">APL386</a>
</h2>
<ul>
<li>No Vietnamese</li>
<li>No bold, italic</li>
<li>No ligatures (APL-385 not APL386)</li>
<li>Has display font (APL333)</li>
</ul>
<p>I love its wide look, also it's feel nostalgic.</p>
2023-11-19 15:59:21 +00:00
<h2>
<a
id="user-content-ibm-plex"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#ibm-plex"
><span aria-hidden="true" class="octicon octicon-link"></span></a
><a href="https://github.com/IBM/plex">IBM Plex</a>
2023-09-24 18:20:31 +00:00
</h2>
<p>
IBM branding font, good alternative for Inter, has both monospace and
display variant.
</p>
<ul>
<li>Support Vietnamese</li>
<li>Support bold, italic</li>
<li>No ligatures</li>
<li>Has dotted zero</li>
<li>Has display font</li>
</ul>
<p>Looks fancy. Strange <code>#</code>.</p>
2023-11-19 15:59:21 +00:00
<h2>
<a
id="user-content-hermit"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#hermit"
><span aria-hidden="true" class="octicon octicon-link"></span></a
><a href="https://github.com/pcaro90/hermit">Hermit</a>
2023-09-24 18:20:31 +00:00
</h2>
<ul>
<li>No Vietnamese</li>
<li>Support bold, italic</li>
<li>No ligatures</li>
</ul>
<p>Looks unique to me, with some sharp look.</p>
2023-11-19 15:59:21 +00:00
<h2>
<a
id="user-content-martian-mono"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#martian-mono"
><span aria-hidden="true" class="octicon octicon-link"></span></a
><a href="https://github.com/evilmartians/mono">Martian Mono</a>
2023-09-24 18:20:31 +00:00
</h2>
<ul>
<li>No Vietnamese</li>
<li>Support bold</li>
<li>No italic</li>
<li>No ligatures</li>
</ul>
<p>
Font is wide, remember to edit line height to make it looks good. I like
its bold, strong look.
</p>
2023-10-11 07:10:40 +00:00
<p>
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/evilmartians/mono/raw/main/documentation/martian-mono-character-set.png"
><img
src="https://github.com/evilmartians/mono/raw/main/documentation/martian-mono-character-set.png"
alt="img02"
style="max-width: 100%"
/></a>
</p>
2023-11-19 15:59:21 +00:00
<h2>
<a
id="user-content-nerd-fonts"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#nerd-fonts"
><span aria-hidden="true" class="octicon octicon-link"></span></a
><a href="https://github.com/ryanoasis/nerd-fonts">Nerd Fonts</a>
2023-10-29 13:41:29 +00:00
</h2>
<p>For fancy terminal, only need <code>NerdFontsSymbolsOnly</code></p>
2023-11-19 15:59:21 +00:00
<h2>
2023-03-31 10:24:36 +00:00
<a
2023-11-19 15:59:21 +00:00
id="user-content-murr-fonts-but-i-dont-use-much-now-some-fonts-i-already-try-in-the-past"
class="anchor"
aria-hidden="true"
tabindex="-1"
2023-08-06 10:16:18 +00:00
href="#murr-fonts-but-i-dont-use-much-now-some-fonts-i-already-try-in-the-past"
2023-11-19 15:59:21 +00:00
><span aria-hidden="true" class="octicon octicon-link"></span></a
>Murr fonts, but I don't use much now (some fonts I already try in the
past)
2023-03-31 10:24:36 +00:00
</h2>
<ul>
<li>
<a href="https://github.com/tonsky/FiraCode">Fira Code</a>: best
ligatures.
</li>
<li>
2023-05-30 18:20:41 +00:00
<a href="https://github.com/microsoft/cascadia-code">Cascadia Code</a>:
2023-08-08 07:30:26 +00:00
Microsoft branding font.
2023-08-06 10:16:18 +00:00
</li>
2023-08-08 07:30:26 +00:00
<li><a href="https://input.djr.com/" rel="nofollow">Input</a></li>
<li><a href="https://github.com/larsenwork/monoid">Monoid</a></li>
2023-05-30 18:20:41 +00:00
<li>
<a href="https://github.com/madmalik/mononoki">mononoki</a>: share same
vibe with agave.
</li>
2023-08-06 09:56:20 +00:00
<li>
<a href="https://design.ubuntu.com/font" rel="nofollow"
>Ubuntu Monospace</a
2023-08-06 10:16:18 +00:00
>: nostalogic to me since first Linux distro I use is Ubuntu.
</li>
2023-08-06 09:56:20 +00:00
<li>
2023-08-06 10:16:18 +00:00
<a href="https://github.com/coz-m/MPLUS_FONTS">M+</a>: Japanese
aesthetic.
2023-08-06 09:56:20 +00:00
</li>
<li>
2023-09-24 18:34:05 +00:00
<a href="https://github.com/iaolo/iA-Fonts">iA-Fonts</a>: Notion mono
font.
2023-08-06 09:56:20 +00:00
</li>
2023-09-24 18:34:05 +00:00
</ul>
2023-11-19 15:59:21 +00:00
<h3>
<a
id="user-content-bitmapoldschool"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#bitmapoldschool"
><span aria-hidden="true" class="octicon octicon-link"></span></a
>Bitmap/Oldschool
2023-09-24 18:34:05 +00:00
</h3>
<ul>
2023-08-06 09:56:20 +00:00
<li>
2023-09-24 18:34:05 +00:00
<a href="https://terminus-font.sourceforge.net/" rel="nofollow"
>Terminus</a
>: super old, super legend font.
2023-08-06 09:56:20 +00:00
</li>
2023-08-06 10:18:53 +00:00
<li>
2023-09-24 18:34:05 +00:00
<a href="https://github.com/rbanffy/3270font">3270font</a>: nostalogic.
2023-08-06 10:18:53 +00:00
</li>
2023-08-08 07:30:26 +00:00
<li>
2023-09-24 18:34:05 +00:00
<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.
2023-08-08 07:30:26 +00:00
</li>
2023-09-07 08:57:09 +00:00
<li>
<a href="https://int10h.org/oldschool-pc-fonts/" rel="nofollow"
>The Ultimate Oldschool PC Font Pack</a
2023-12-20 18:43:15 +00:00
>
with
<a
href="https://int10h.org/blog/2020/12/more-font-updates-oldschool-pack-flexi-vga/"
rel="nofollow"
>Flexi IBM VGA</a
>: old school.
<ul>
<li>
<a href="https://style64.org/c64-truetype" rel="nofollow">C64</a>:
Commodore 64 font.
</li>
</ul>
2023-09-07 08:57:09 +00:00
</li>
2023-09-24 18:34:05 +00:00
</ul>
2023-11-19 15:59:21 +00:00
<h3>
<a
id="user-content-only-display"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#only-display"
><span aria-hidden="true" class="octicon octicon-link"></span></a
>Only display
2023-09-24 18:34:05 +00:00
</h3>
<ul>
2023-09-23 18:21:14 +00:00
<li>
2023-09-24 18:34:05 +00:00
<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>
</ul>
2023-11-19 15:59:21 +00:00
<h3>
<a
id="user-content-trendy"
class="anchor"
aria-hidden="true"
tabindex="-1"
href="#trendy"
><span aria-hidden="true" class="octicon octicon-link"></span></a
>Trendy
2023-09-24 18:34:05 +00:00
</h3>
<ul>
<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/0xType/0xProto">0xProto</a>: found it on
Instagram.
</li>
<li>
<a href="https://github.com/eigilnikolajsen/commit-mono">Commit Mono</a
>: claim to be true netral font. Also I love the website.
2023-09-23 18:21:14 +00:00
</li>
2023-11-20 08:28:11 +00:00
<li>
<a href="https://github.com/githubnext/monaspace">Monaspace</a>: new
GitHub fonts
</li>
2023-05-30 18:20:41 +00:00
</ul>
2023-08-06 09:56:20 +00:00
<p>
2023-08-06 10:16:18 +00:00
<strong>Costing money</strong> fonts, but I like them too much, will
probably buy it if I have money:
2023-08-06 09:56:20 +00:00
</p>
2023-05-30 18:20:41 +00:00
<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
2023-03-31 10:24:36 +00:00
>
</li>
</ul>
<div>
Feel free to ask me via
<a href="mailto:hauvipapro+posts@gmail.com">email</a> or
2023-08-20 17:29:13 +00:00
<a rel="me" href="https://hachyderm.io/@haunguyen">Mastodon</a>.
<br />Source code is available on
2023-03-31 10:24:36 +00:00
<a href="https://github.com/haunt98/posts-go">GitHub</a>
2023-08-20 17:29:13 +00:00
<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>
2023-03-31 10:24:36 +00:00
</div>
</body>
</html>