FrostedGlass
Google Fonts


FrostedGlass | Google Fonts | |
---|---|---|
2 | 518 | |
124 | 18,531 | |
1.6% | 0.8% | |
7.1 | 9.9 | |
19 days ago | 1 day ago | |
SCSS | HTML | |
MIT License | - |
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.
FrostedGlass
- Import css variable from an external css file
-
BetterDiscord Frosted Remilia theme
Based on FrostedGlass theme Adjusted to make it look better, and also add Remi as background. I am not sure who made the Remi drawing, as I made this a while back. I simply gave it a background. Need BetterDiscord for it to work. And dark theme only.
Google Fonts
-
Ghostwriter – use the reMarkable2 as an interface to vision-LLMs
That's definitely pretty easy to achieve, just change the font settings to use a particular handwritten style font [0].
[0] https://fonts.google.com/?categoryFilters=Calligraphy:%2FScr...
-
How I Designed a Red Dead Redemption 2 Inspired Map in Mapbox Studio
The game map uses several different typefaces to label places of interest from massive slab serifs to handwritten cursive. Rather than spending a single dime on paid fonts, I headed over to Google Fonts and quickly found decent alternatives to each type. Here’s the breakdown:
-
Typography for Modern Web Design
You can also download fonts from the internet using tools such as Google Fonts and then embed them into your webpage. For example:
-
Flutter App, Simple animation with Hooks 🪝
We are using google_fonts to make the font more human-like 🤓, with google fonts, you are free to choose from a wide range of great fonts, but feel free to ignore it since it doesn't have to do with the animation itself 😅
-
Variable Fonts for Dynamic Typography
Google fonts
-
Essential Resources for Frontend Developers: Links You Can’t Live Without
Google Fonts: With hundreds of open-source fonts, Google Fonts is the go-to for high-quality, easy-to-integrate typography.
-
Mapa de Iniciativas Ecológicas: CSS (Parte 2)
En tu navegador, ve a Google Fonts y busca la fuente "Roboto".
- The Monospace Web
-
How to add Custom Font to Tailwind - For Web and Locally Downloaded Fonts
To add a custom font, I will use Google Fonts. Go to the google font website, click on Select Styles, then select your preferred font. For this tutorial, I will use this Rubik's font. See the pictorial representation of google-font website below, with circled numbers as a guide:
-
Design System Starter Template - All Technology You'll Ever Need
The Fonts package offers a convenient solution for managing typography within the Design System. It supports both base64-encoded fonts for quick setups and Google Fonts integration for more robust implementations, giving teams the flexibility to choose the best approach for their project’s needs while maintaining consistent typography across all digital products.
What are some alternatives?
pios-discord-theme - A SUPERHOT piOS inspired Discord theme.
fontsource - Self-host Open Source fonts in neatly bundled NPM packages.
SoftX - A soft and comfy feel for Discord.
source-code-pro - Monospaced font family for user interface and coding environments
BetterDiscord - Better Discord enhances Discord desktop app with new features.
Font-Awesome - The iconic SVG, font, and CSS toolkit
discord - 🎮 Soothing pastel theme for Discord
go-unsplash - Go Client for the Unsplash API
Fluent - Brings the look of Windows 11 to Discord.
inter - The Inter font family
PrusaSlicer - G-code generator for 3D printers (RepRap, Makerbot, Ultimaker etc.)
og-image - Open Graph Image as a Service - generate cards for Twitter, Facebook, Slack, etc

