vscode-icons
Google Fonts
| vscode-icons | Google Fonts | |
|---|---|---|
| 1 | 491 | |
| 826 | 17,611 | |
| 0.0% | 1.0% | |
| 0.0 | 9.9 | |
| almost 2 years ago | 3 days ago | |
| HTML | ||
| Creative Commons Attribution 4.0 | - |
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.
vscode-icons
-
100 design resources for developers
VSCode Icons
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?
readexpro - Readex Pro is the world-script expansion of Lexend. Lexend is a variable font empirically shown to significantly improve reading-proficiency.
inter - The Inter font family
feather - Simply beautiful open-source icons
source-code-pro - Monospaced font family for user interface and coding environments
IconPark - 🍎Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons
fontsource - Self-host Open Source fonts in neatly bundled NPM packages.
tabler-icons - A set of over 5200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
JetBrainsMono - JetBrains Mono – the free and open-source typeface for developers
Font-Awesome - The iconic SVG, font, and CSS toolkit
PrusaSlicer - G-code generator for 3D printers (RepRap, Makerbot, Ultimaker etc.)
phinger-cursors - Most likely the most over engineered cursor theme.