mononoki
Google Fonts
| mononoki | Google Fonts | |
|---|---|---|
| 1 | 492 | |
| 4,250 | 17,611 | |
| - | 1.0% | |
| 3.7 | 9.9 | |
| about 1 year ago | 6 days ago | |
| CSS | HTML | |
| SIL Open Font License 1.1 | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
mononoki
-
JetBrains Mono – the free and open-source typeface for developers
Matthias Tellen also has an interesting take on this subject in in issue #29 for his font mononoki [0]. I love mononoki.
[0]: https://github.com/madmalik/mononoki/issues/29#issuecomment-...
Google Fonts
-
React website sample for portfolio
I first checking out any good fonts on Google font that fits the theme of the website. I select the Nunito as I could feel the playful vibe behind it.
-
Optimizing Fonts and Images (Next.js)
Visit Google Fonts and search for Lusitana to see what options are available.
- Google Fonts: Can't use the /download URLs to fetch static font files
-
An Afternoon with SVGs | Frontend Challenge Entry
Next I spruced up my form's visuals a bit by heading to Google Fonts and finding one that had camping vibes - eventually landing on Amatic SC. Then I had the wild idea of making the form look like a piece of paper, so that I could make the submit button fold the paper up into an envelope or paper airplane and fly off screen if it was submitted successfully (This was EXTREMELY high hopes and I didn't even get around to trying to start this animation in the time I allotted myself 😂). I started by trying to find a crumpled paper look on sites like Hero Patterns, but eventually found myself on this codepen:
-
Button Component with RiotJS (Material Design)
BeerCSS supports Material Fonts by default, here is the list of all icons: https://fonts.google.com/
-
Free Resources Every Web Developer Should Know About
Google Fonts (https://fonts.google.com/)
-
100+ FREE Resources Every Web Developer Must Try
Google Fonts
-
How to Structure Your Vision Board with HTML
==>Click here to access Google Fonts!
- Variable Fonts
-
A CSS Guide to Fonts
==> Click here to visit Google Fonts! ==> Click here to visit Adobe Fonts!
What are some alternatives?
JetBrainsMono - JetBrains Mono – the free and open-source typeface for developers
inter - The Inter font family
FiraCode - Free monospaced font with programming ligatures
source-code-pro - Monospaced font family for user interface and coding environments
nerd-fonts - Iconic font aggregator, collection, & patcher. 3,600+ icons, 50+ patched fonts: Hack, Source Code Pro, more. Glyph collections: Font Awesome, Material Design Icons, Octicons, & more
fontsource - Self-host Open Source fonts in neatly bundled NPM packages.
juliamono - repository for JuliaMono, a monospaced font with reasonable Unicode support.
agave - succulent monospace programming font
PrusaSlicer - G-code generator for 3D printers (RepRap, Makerbot, Ultimaker etc.)
Font-Awesome - The iconic SVG, font, and CSS toolkit
og-image - Open Graph Image as a Service - generate cards for Twitter, Facebook, Slack, etc