Google Fonts
source-code-pro
Our great sponsors
Google Fonts | source-code-pro | |
---|---|---|
491 | 21 | |
17,586 | 19,628 | |
1.5% | 0.6% | |
9.9 | 5.7 | |
6 days ago | 5 months ago | |
HTML | CSS | |
- | 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.
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!
source-code-pro
-
Berkeley Mono Typeface
Hack is very underrated and awesome. Fira Code is nice, so is Adobe Source Code Pro [0], and Iosevka [1]. Yet, Berkeley is truly at its own level.
[0]: https://github.com/adobe-fonts/source-code-pro
[1]: https://github.com/be5invis/Iosevka
-
What fonts do you use for writing?
I've been using the free Source Code Pro (GitHub source). While it works well for coding of course, I find it is also pleasing to read from for large quantities of text. The characters are distinct (no confusion between 0O lI etc.) but understated, which is what you want for something you read thousands of words with every day.
- Designing mono space fonts
-
No More Coding Headaches: Try These Easy-On-The-Eyes Programming Fonts
Adobe has published several open-source fonts in their Source Sans family, and this one is monospaced and made explicitly for UI. Though the regular weight will work for most programming applications, a range of weights is available if you need them.
-
Almost monospaced: the perfect fonts for writing
I prefer Source Code Pro for the terminal:
https://adobe-fonts.github.io/source-code-pro/
-
Developer creates delightful programming font based on Minecraft
I went with Fira Code, but Source Code Pro is also good. More good fonts.
- Ask HN: What is your default font for coding and terminal?
-
What are some programs that a lot of Linux newbies require ?
A couple of typefaces, comic neue and adobe source code pro - these are just hyperlinks; I don't install these automatically for some reason -
-
looking for a retail font that has a sans, a serif, and a mono made from the exact same base
Source Code
-
Getting the latest source code pro fonts
Remove the package then download the VAR archive from their Github and extract the .ttf files to ~/.local/share/fonts or ~/.fonts
What are some alternatives?
inter - The Inter font family
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.
FiraCode - Free monospaced font with programming ligatures
JetBrainsMono - JetBrains Mono – the free and open-source typeface for developers
cascadia-code - This is a fun, new monospaced font that includes programming ligatures and is designed to enhance the modern look and feel of the Windows Terminal.
PrusaSlicer - G-code generator for 3D printers (RepRap, Makerbot, Ultimaker etc.)
doom-emacs - An Emacs framework for the stubborn martian hacker [Moved to: https://github.com/doomemacs/doomemacs]
Font-Awesome - The iconic SVG, font, and CSS toolkit
Hack - A typeface designed for source code
og-image - Open Graph Image as a Service - generate cards for Twitter, Facebook, Slack, etc
plex - The package of IBM’s typeface, IBM Plex.