feat: add fonts
parent
ee08eaeca1
commit
e120dff5e4
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
@ -52,6 +51,7 @@
|
||||||
><span aria-hidden="true" class="octicon octicon-link"></span></a
|
><span aria-hidden="true" class="octicon octicon-link"></span></a
|
||||||
>EKYC - The battle never ends
|
>EKYC - The battle never ends
|
||||||
</h1>
|
</h1>
|
||||||
|
<p>TODO</p>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
Feel free to ask me via
|
Feel free to ask me via
|
||||||
|
|
|
@ -0,0 +1,279 @@
|
||||||
|
<!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.2.0/github-markdown-dark.min.css"
|
||||||
|
/>
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css2?family=Inter&family=JetBrains+Mono&family=Martian+Mono&family=Recursive&display=swap"
|
||||||
|
rel="stylesheet"
|
||||||
|
/>
|
||||||
|
</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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.markdown-body {
|
||||||
|
font-family: "Inter", sans-serif;
|
||||||
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
|
}
|
||||||
|
|
||||||
|
.markdown-body code,
|
||||||
|
.markdown-body pre {
|
||||||
|
font-family: "JetBrains Mono", monospace;
|
||||||
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<body class="markdown-body">
|
||||||
|
<div><a href="index">Index</a></div>
|
||||||
|
<h1>
|
||||||
|
<a id="user-content-fonts" class="anchor" aria-hidden="true" href="#fonts"
|
||||||
|
><span aria-hidden="true" class="octicon octicon-link"></span></a
|
||||||
|
>Fonts
|
||||||
|
</h1>
|
||||||
|
<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.
|
||||||
|
</p>
|
||||||
|
<p>TLDR:</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 everything
|
||||||
|
else.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
All images belows is official images I got from fonts website or github.
|
||||||
|
I'm too lazy to screenshot anw :D
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
<a
|
||||||
|
id="user-content-jetbrains-mono"
|
||||||
|
class="anchor"
|
||||||
|
aria-hidden="true"
|
||||||
|
href="#jetbrains-mono"
|
||||||
|
><span aria-hidden="true" class="octicon octicon-link"></span></a
|
||||||
|
>JetBrains Mono
|
||||||
|
</h2>
|
||||||
|
<ul>
|
||||||
|
<li>Support Vietnamese</li>
|
||||||
|
<li>Support italic</li>
|
||||||
|
<li>Support ligatures</li>
|
||||||
|
</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>
|
||||||
|
<h2>
|
||||||
|
<a
|
||||||
|
id="user-content-iosevka"
|
||||||
|
class="anchor"
|
||||||
|
aria-hidden="true"
|
||||||
|
href="#iosevka"
|
||||||
|
><span aria-hidden="true" class="octicon octicon-link"></span></a
|
||||||
|
><a href="https://github.com/be5invis/Iosevka">Iosevka</a>
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
I often choose SS08 variant because I also love
|
||||||
|
<a href="https://fsd.it/shop/fonts/pragmatapro/" rel="nofollow"
|
||||||
|
>PragmataPro</a
|
||||||
|
>
|
||||||
|
too.
|
||||||
|
</p>
|
||||||
|
<ul>
|
||||||
|
<li>Support Vietnamese</li>
|
||||||
|
<li>Support bold, italic</li>
|
||||||
|
<li>Support ligatures</li>
|
||||||
|
<li>Support display font (non mono)</li>
|
||||||
|
</ul>
|
||||||
|
<p>Font is narrow, can display much more on small screen.</p>
|
||||||
|
<p>
|
||||||
|
<a
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer nofollow"
|
||||||
|
href="https://raw.githubusercontent.com/be5invis/Iosevka/v21.1.1/images/iosevka-ss08.dark.svg#gh-dark-mode-only"
|
||||||
|
><img
|
||||||
|
src="https://raw.githubusercontent.com/be5invis/Iosevka/v21.1.1/images/iosevka-ss08.dark.svg#gh-dark-mode-only"
|
||||||
|
alt="img01"
|
||||||
|
style="max-width: 100%"
|
||||||
|
/></a>
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
<a
|
||||||
|
id="user-content-recursive"
|
||||||
|
class="anchor"
|
||||||
|
aria-hidden="true"
|
||||||
|
href="#recursive"
|
||||||
|
><span aria-hidden="true" class="octicon octicon-link"></span></a
|
||||||
|
><a href="https://github.com/arrowtype/recursive">Recursive</a>
|
||||||
|
</h2>
|
||||||
|
<p>I often choose Casual variant.</p>
|
||||||
|
<ul>
|
||||||
|
<li>Support Vietnamese</li>
|
||||||
|
<li>Support bold, italic</li>
|
||||||
|
<li>Support ligatures</li>
|
||||||
|
<li>Support display font (non mono)</li>
|
||||||
|
</ul>
|
||||||
|
<h2>
|
||||||
|
<a
|
||||||
|
id="user-content-martian-mono"
|
||||||
|
class="anchor"
|
||||||
|
aria-hidden="true"
|
||||||
|
href="#martian-mono"
|
||||||
|
><span aria-hidden="true" class="octicon octicon-link"></span></a
|
||||||
|
><a href="https://github.com/evilmartians/mono">Martian Mono</a>
|
||||||
|
</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>
|
||||||
|
<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>
|
||||||
|
<h2>
|
||||||
|
<a id="user-content-agave" class="anchor" aria-hidden="true" href="#agave"
|
||||||
|
><span aria-hidden="true" class="octicon octicon-link"></span></a
|
||||||
|
><a href="https://github.com/blobject/agave">agave</a>
|
||||||
|
</h2>
|
||||||
|
<ul>
|
||||||
|
<li>No Vietnamese</li>
|
||||||
|
<li>Support bold</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>
|
||||||
|
<h2>
|
||||||
|
<a
|
||||||
|
id="user-content-hermit"
|
||||||
|
class="anchor"
|
||||||
|
aria-hidden="true"
|
||||||
|
href="#hermit"
|
||||||
|
><span aria-hidden="true" class="octicon octicon-link"></span></a
|
||||||
|
><a href="https://github.com/pcaro90/hermit">Hermit</a>
|
||||||
|
</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>
|
||||||
|
<h2>
|
||||||
|
<a
|
||||||
|
id="user-content-apl-385-and-apl386"
|
||||||
|
class="anchor"
|
||||||
|
aria-hidden="true"
|
||||||
|
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>
|
||||||
|
and <a href="https://github.com/abrudz/APL386">APL386</a>
|
||||||
|
</h2>
|
||||||
|
<p>TODO</p>
|
||||||
|
<p>I love its wide look, also it's feel nostalgic.</p>
|
||||||
|
<h2>
|
||||||
|
<a
|
||||||
|
id="user-content-cozette"
|
||||||
|
class="anchor"
|
||||||
|
aria-hidden="true"
|
||||||
|
href="#cozette"
|
||||||
|
><span aria-hidden="true" class="octicon octicon-link"></span></a
|
||||||
|
><a href="https://github.com/slavfox/Cozette">Cozette</a>
|
||||||
|
</h2>
|
||||||
|
<ul>
|
||||||
|
<li>No Vietnamese</li>
|
||||||
|
<li>No bold, italic</li>
|
||||||
|
<li>No ligatures</li>
|
||||||
|
</ul>
|
||||||
|
<p>Feel nostalgic. But sometimes it's hard to read.</p>
|
||||||
|
<p>
|
||||||
|
<a
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
href="https://github.com/slavfox/Cozette/raw/master/img/sample.png"
|
||||||
|
><img
|
||||||
|
src="https://github.com/slavfox/Cozette/raw/master/img/sample.png"
|
||||||
|
alt="img03"
|
||||||
|
style="max-width: 100%"
|
||||||
|
/></a>
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
<a
|
||||||
|
id="user-content-murr-fonts-but-i-dont-use-much"
|
||||||
|
class="anchor"
|
||||||
|
aria-hidden="true"
|
||||||
|
href="#murr-fonts-but-i-dont-use-much"
|
||||||
|
><span aria-hidden="true" class="octicon octicon-link"></span></a
|
||||||
|
>Murr fonts, but I don't use much
|
||||||
|
</h2>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="https://github.com/tonsky/FiraCode">Fira Code</a>: best
|
||||||
|
ligatures.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://github.com/microsoft/cascadia-code">Cascadia Code</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="https://input.djr.com/" rel="nofollow">Input</a></li>
|
||||||
|
<li><a href="https://github.com/larsenwork/monoid">Monoid</a></li>
|
||||||
|
<li>
|
||||||
|
<a href="https://github.com/belluzj/fantasque-sans"
|
||||||
|
>Fantasque Sans Mono</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li><a href="https://github.com/madmalik/mononoki">mononoki</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>. Source
|
||||||
|
code is available on
|
||||||
|
<a href="https://github.com/haunt98/posts-go">GitHub</a>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
|
@ -1 +1,3 @@
|
||||||
# EKYC - The battle never ends
|
# EKYC - The battle never ends
|
||||||
|
|
||||||
|
TODO
|
||||||
|
|
|
@ -0,0 +1,98 @@
|
||||||
|
# Fonts
|
||||||
|
|
||||||
|
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.
|
||||||
|
|
||||||
|
TLDR:
|
||||||
|
|
||||||
|
- Use [JetBrains Mono](https://github.com/JetBrains/JetBrainsMono) for code.
|
||||||
|
- Use [Inter](https://github.com/rsms/inter) for everything else.
|
||||||
|
|
||||||
|
All images belows is official images I got from fonts website or github.
|
||||||
|
I'm too lazy to screenshot anw :D
|
||||||
|
|
||||||
|
## JetBrains Mono
|
||||||
|
|
||||||
|
- Support Vietnamese
|
||||||
|
- Support italic
|
||||||
|
- Support ligatures
|
||||||
|
|
||||||
|
![img00](https://github.com/JetBrains/JetBrainsMono/raw/master/images/character-set@2x.png)
|
||||||
|
|
||||||
|
## [Iosevka](https://github.com/be5invis/Iosevka)
|
||||||
|
|
||||||
|
I often choose SS08 variant because I also love [PragmataPro](https://fsd.it/shop/fonts/pragmatapro/) too.
|
||||||
|
|
||||||
|
- Support Vietnamese
|
||||||
|
- Support bold, italic
|
||||||
|
- Support ligatures
|
||||||
|
- Support display font (non mono)
|
||||||
|
|
||||||
|
Font is narrow, can display much more on small screen.
|
||||||
|
|
||||||
|
![img01](https://raw.githubusercontent.com/be5invis/Iosevka/v21.1.1/images/iosevka-ss08.dark.svg#gh-dark-mode-only)
|
||||||
|
|
||||||
|
## [Recursive](https://github.com/arrowtype/recursive)
|
||||||
|
|
||||||
|
I often choose Casual variant.
|
||||||
|
|
||||||
|
- Support Vietnamese
|
||||||
|
- Support bold, italic
|
||||||
|
- Support ligatures
|
||||||
|
- Support display font (non mono)
|
||||||
|
|
||||||
|
## [Martian Mono](https://github.com/evilmartians/mono)
|
||||||
|
|
||||||
|
- No Vietnamese
|
||||||
|
- Support bold
|
||||||
|
- No italic
|
||||||
|
- No ligatures
|
||||||
|
|
||||||
|
Font is wide, remember to edit line height to make it looks good.
|
||||||
|
I like its bold, strong look.
|
||||||
|
|
||||||
|
![img02](https://github.com/evilmartians/mono/raw/main/documentation/martian-mono-character-set.png)
|
||||||
|
|
||||||
|
## [agave](https://github.com/blobject/agave)
|
||||||
|
|
||||||
|
- No Vietnamese
|
||||||
|
- Support bold
|
||||||
|
- No italic
|
||||||
|
- No ligatures
|
||||||
|
|
||||||
|
Font is small, can display much more on small screen.
|
||||||
|
I like its curved look.
|
||||||
|
|
||||||
|
## [Hermit](https://github.com/pcaro90/hermit)
|
||||||
|
|
||||||
|
- No Vietnamese
|
||||||
|
- Support bold, italic
|
||||||
|
- No ligatures
|
||||||
|
|
||||||
|
Looks unique to me, with some sharp look.
|
||||||
|
|
||||||
|
## [APL-385](https://apl385.com/fonts/index.htm) and [APL386](https://github.com/abrudz/APL386)
|
||||||
|
|
||||||
|
TODO
|
||||||
|
|
||||||
|
I love its wide look, also it's feel nostalgic.
|
||||||
|
|
||||||
|
## [Cozette](https://github.com/slavfox/Cozette)
|
||||||
|
|
||||||
|
- No Vietnamese
|
||||||
|
- No bold, italic
|
||||||
|
- No ligatures
|
||||||
|
|
||||||
|
Feel nostalgic.
|
||||||
|
But sometimes it's hard to read.
|
||||||
|
|
||||||
|
![img03](https://github.com/slavfox/Cozette/raw/master/img/sample.png)
|
||||||
|
|
||||||
|
## Murr fonts, but I don't use much
|
||||||
|
|
||||||
|
- [Fira Code](https://github.com/tonsky/FiraCode): best ligatures.
|
||||||
|
- [Cascadia Code](https://github.com/microsoft/cascadia-code)
|
||||||
|
- [Input](https://input.djr.com/)
|
||||||
|
- [Monoid](https://github.com/larsenwork/monoid)
|
||||||
|
- [Fantasque Sans Mono](https://github.com/belluzj/fantasque-sans)
|
||||||
|
- [mononoki](https://github.com/madmalik/mononoki)
|
|
@ -15,7 +15,6 @@
|
||||||
/>
|
/>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
/* https://github.com/sindresorhus/github-markdown-css */
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
|
@ -31,14 +30,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body {
|
.markdown-body {
|
||||||
/* font-family: "Inter", sans-serif; */
|
font-family: "Inter", sans-serif;
|
||||||
font-family: "Recursive", sans-serif;
|
<!-- font-family: "Recursive", sans-serif; -->
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body code,
|
.markdown-body code,
|
||||||
.markdown-body pre {
|
.markdown-body pre {
|
||||||
/* font-family: "JetBrains Mono", monospace; */
|
font-family: "JetBrains Mono", monospace;
|
||||||
font-family: "Martian Mono", monospace;
|
<!-- font-family: "Martian Mono", monospace; -->
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body class="markdown-body">
|
<body class="markdown-body">
|
||||||
|
|
Loading…
Reference in New Issue