alvierahman90/comic-mono-font
1
0
Fork 0
mirror of https://github.com/dtinth/comic-mono-font.git synced 2026-02-25 16:21:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2 from kaBeech/add-nerd-font

Browse Source 
Add Nerd Font
This commit is contained in:
Kyle Beechly
2023-09-03 19:15:22 -07:00
committed by GitHub
parent 5b1ece8916 2f4829dd29
commit df9820dc24
4 changed files with 77 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
README.md
View File

@@ -1,38 +1,42 @@
# Serious Sans # Serious Sans
A legible monospace font for playful professionals. Comic Sans for hackers A legible monospace font for playful professionals. Comic Sans for hackers
This font is a fork of [dtinth](https://github.com/dtinth)'s [Comic Mono](https://github.com/dtinth/comic-mono-font), which in turn is a fork of [Shannon Miwa](https://github.com/shannpersand)'s [Comic Shanns](https://github.com/shannpersand/comic-shanns) (version 1) This font is a fork of [dtinth](https://github.com/dtinth)'s [Comic Mono](https://github.com/dtinth/comic-mono-font), which in turn is a fork of [Shannon Miwa](https://github.com/shannpersand)'s [Comic Shanns](https://github.com/shannpersand/comic-shanns) (version 1)
## Downloads ## Downloads
| TrueType Format | OpenType Format | | TrueType Format | OpenType Format | [Nerd Font](https://www.nerdfonts.com/) |
| :---: | :----------: | | :-------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------: |
| [SeriousSans.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSans.ttf) | [SeriousSans.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSans.otf) | | [SeriousSans.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSans.ttf) | [SeriousSans.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSans.otf) | [SeriousSansNerd.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansNerd.otf) |
| [SeriousSansItalic.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansItalic.ttf) | [SeriousSansItalic.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansItalic.otf) | | [SeriousSansItalic.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansItalic.ttf) | [SeriousSansItalic.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansItalic.otf) |
| [SeriousSansBold.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansBold.ttf) | [SeriousSansBold.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansBold.otf) | | [SeriousSansBold.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansBold.ttf) | [SeriousSansBold.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansBold.otf) |
| [SeriousSansBoldItalic.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansBoldItalic.ttf) | [SeriousSansBoldItalic.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansBoldItalic.otf) | | [SeriousSansBoldItalic.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansBoldItalic.ttf) | [SeriousSansBoldItalic.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansBoldItalic.otf) |
| [SeriousSansLight.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansLight.ttf) | [SeriousSansLight.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansLight.otf) | | [SeriousSansLight.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansLight.ttf) | [SeriousSansLight.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansLight.otf) |
| [SeriousSansLightItalic.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansLightItalic.ttf) | [SeriousSansLightItalic.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansLightItalic.otf) | | [SeriousSansLightItalic.ttf](https://kaBeech.github.io/serious-sans/SeriousSans/ttf/SeriousSansLightItalic.ttf) | [SeriousSansLightItalic.otf](https://kaBeech.github.io/serious-sans/SeriousSans/otf/SeriousSansLightItalic.otf) |
## What? ## What?
Serious Sans is a legible monospaced font made to resemble the classic Comic Sans font we all know and love. It is designed to be suitable for use in a professional coding environment while retaining the playfulness of the original Serious Sans is a legible monospaced font made to resemble the classic Comic Sans font we all know and love. It is designed to be suitable for use in a professional coding environment while retaining the playfulness of the original
**If you'd like to enter your own example text and preview all six styles, [check out the Serious Sans webpage](https://kaBeech.github.io/serious-sans)** **If you'd like to enter your own example text and preview all six styles, [check out the Serious Sans webpage](https://kaBeech.github.io/serious-sans)**
Here's what it looks like viewing one of [my Advent Of Code functions](https://kaBeech.github.io/Advent-Of-Code) in VS Code: Here's what it looks like viewing one of [my Advent Of Code functions](https://github.com/kaBeech/Advent-Of-Code) in VS Code:
![Serious Sans in VS Code](https://kaBeech.github.io/serious-sans/vscExample.png "Serious Sans in VS Code") ![Serious Sans in VS Code](https://kaBeech.github.io/serious-sans/vscExample.png "Serious Sans in VS Code")
## Why? ## Why?
To help overcome writer's block, some writers change the font of their word processor to Comic Sans. Perhaps the jaunty style helps put our brains in a playful mood so we can just write without getting hung up in self-criticism To help overcome writer's block, some writers change the font of their word processor to Comic Sans. Perhaps the jaunty style helps put our brains in a playful mood so we can just write without getting hung up in self-criticism
Serious Sans aims to provide that same experience for programmers and their IDE's. As coders, we also enjoy playful styling and tools that help us just get to work. But most of us like to have certain standards that make our work easier. Monospacing and legibility are important factors that facilitate quick scanning of many lines of code Serious Sans aims to provide that same experience for programmers and their IDE's. As coders, we also enjoy playful styling and tools that help us just get to work. But most of us like to have certain standards that make our work easier. Monospacing and legibility are important factors that facilitate quick scanning of many lines of code
### Legibility ### Legibility
Legibility means being able to quickly tell which character is which. In fonts with low legibility, for example, it can be difficult to tell the difference between an upper case 'I' and a numeral '1' Legibility means being able to quickly tell which character is which. In fonts with low legibility, for example, it can be difficult to tell the difference between an upper case 'I' and a numeral '1'
### Monospacing ### Monospacing
Monospacing means ensuring every character has the same width. This is helpful to quickly line up rows of text. For an example of why this is helpful, consider adding up a fancy dinner bill: Monospacing means ensuring every character has the same width. This is helpful to quickly line up rows of text. For an example of why this is helpful, consider adding up a fancy dinner bill:
![Adding up a fancy dinner bill](https://kaBeech.github.io/serious-sans/fancyDinner.png "Adding up a fancy dinner bill") ![Adding up a fancy dinner bill](https://kaBeech.github.io/serious-sans/fancyDinner.png "Adding up a fancy dinner bill")
@@ -40,15 +44,18 @@ Monospacing means ensuring every character has the same width. This is helpful t
Without a monospaced font, getting all those numbers to line up for easy adding would be a pain! Without a monospaced font, getting all those numbers to line up for easy adding would be a pain!
### Origins ### Origins
I originally changed the font in my IDE to Comic Mono as a joke. I decided to leave it that way for a while for fun, and found that it actually seems to help my mindset while working. I made Serious Sans as my own leetle fork to improve the usability of the font ^_^
I originally changed the font in my IDE to Comic Mono as a joke. I decided to leave it that way for a while for fun, and found that it actually seems to help my mindset while working. I made Serious Sans as my own leetle fork to improve the usability of the font ^\_^
## Differences from Comic Mono ## Differences from Comic Mono
1. I edited the 'a' to make it look less like an 'o' 1. I edited the 'a' to make it look less like an 'o'
2. I remade the Bold weight style and added a Light weight style as well 2. I remade the Bold weight style and added a Light weight style as well
3. I added Italic styles for each weight style 3. I added Italic styles for each weight style
4. I added OpenType format versions 4. I added OpenType format versions
## Any issues? ## Any issues?
If you notice any, please feel free to open an issue! If you notice any, please feel free to open an issue!
The Light weight version could use some refining still (the height The Light weight version could use some refining still (the height
@@ -61,7 +68,9 @@ There are some horizontal alignment issues with t/T's and f's in the Italic styl
Please note that so far I have only been using the original SeriousSans.tff. The other styles have been reviewed but are largely untested Please note that so far I have only been using the original SeriousSans.tff. The other styles have been reviewed but are largely untested
## License ## License
Serious Sans is licensed under the [MIT License](LICENSE) Serious Sans is licensed under the [MIT License](LICENSE)
## Disclaimer ## Disclaimer
Please note that this font is in no way affiliated with the delightful [Serious Sans Pro](https://www.myfonts.com/collections/serious-sans-pro-font-ogentroost) font. I just like classic PC games ^_^
Please note that this font is in no way affiliated with the delightful [Serious Sans Pro](https://www.myfonts.com/collections/serious-sans-pro-font-ogentroost) font. I just like classic PC games ^\_^

BIN
SeriousSans/otf/SeriousSansNerd.otf Normal file
View File

Binary file not shown.

56
index.html
View File

@@ -23,11 +23,31 @@
hackers hackers
</p> </p>
<p> <p>
This font is a fork of <a href="https://github.com/dtinth">dtinth</a>'s This font is a fork of
<a href="https://github.com/dtinth/comic-mono-font">Comic Mono</a>, <a
which in turn is a fork of target="_blank"
<a href="https://github.com/shannpersand">Shannon Miwa</a>'s rel="noopener noreferrer"
<a href="https://github.com/shannpersand/comic-shanns">Comic Shanns</a> href="https://github.com/dtinth"
>dtinth</a
>'s
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/dtinth/comic-mono-font"
>Comic Mono</a
>, which in turn is a fork of
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/shannpersand"
>Shannon Miwa</a
>'s
<a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/shannpersand/comic-shanns"
>Comic Shanns</a
>
(version 1) (version 1)
</p> </p>
<h2>Example Text</h2> <h2>Example Text</h2>
@@ -170,6 +190,16 @@
</ul> </ul>
</div> </div>
</div> </div>
<h3 id="nerdFont">
<a
target="_blank"
rel="noopener noreferrer"
href="https://www.nerdfonts.com/"
>Nerd Font</a
>
</h3>
<a href="./SeriousSans/otf/SeriousSansNerd.otf">SeriousSansNerd.otf</a>
<br />
<h2>What?</h2> <h2>What?</h2>
<p> <p>
Serious Sans is a legible monospaced font made to resemble the classic Serious Sans is a legible monospaced font made to resemble the classic
@@ -179,7 +209,10 @@
</p> </p>
<p> <p>
Here's what it looks like viewing one of Here's what it looks like viewing one of
<a href="https://kaBeech.github.io/Advent-Of-Code-2022" <a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/kaBeech/Advent-Of-Code"
>my Advent Of Code functions</a >my Advent Of Code functions</a
> >
in VS Code: in VS Code:
@@ -271,19 +304,26 @@
</p> </p>
<h2>GitHub</h2> <h2>GitHub</h2>
<p> <p>
<a href="https://github.com/kaBeech/serious-sans" <a
target="_blank"
rel="noopener noreferrer"
href="https://github.com/kaBeech/serious-sans"
>Serious Sans is hosted on GitHub!</a >Serious Sans is hosted on GitHub!</a
> >
</p> </p>
<h2>License</h2> <h2>License</h2>
<p> <p>
Serious Sans is licensed under the Serious Sans is licensed under the
<a href="./LICENSE">MIT License</a> <a target="_blank" rel="noopener noreferrer" href="./LICENSE"
>MIT License</a
>
</p> </p>
<h2>Disclaimer</h2> <h2>Disclaimer</h2>
<p> <p>
Please note that this font is in no way affiliated with the delightful Please note that this font is in no way affiliated with the delightful
<a <a
target="_blank"
rel="noopener noreferrer"
href="https://www.myfonts.com/collections/serious-sans-pro-font-ogentroost" href="https://www.myfonts.com/collections/serious-sans-pro-font-ogentroost"
rel="nofollow" rel="nofollow"
>Serious Sans Pro</a >Serious Sans Pro</a

11
style.css
View File

@@ -49,8 +49,8 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
font-family: "Serious Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, font-family: "Serious Sans", system-ui, "Segoe UI", Roboto, Helvetica, Arial,
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 100%; font-size: 100%;
font-size: 1.2rem; font-size: 1.2rem;
text-align: center; text-align: center;
@@ -61,6 +61,13 @@ body {
flex-direction: column; flex-direction: column;
} }
#nerdFont :link,
#nerdFont :visited {
color: #d4d4d4;
text-decoration-line: underline;
text-decoration-style: dotted;
}
ul, ul,
ol { ol {
list-style: none; list-style: none;