Google Fonts
penpot
Google Fonts | penpot | |
---|---|---|
498 | 227 | |
17,671 | 28,237 | |
1.3% | 7.3% | |
9.9 | 10.0 | |
2 days ago | 5 days ago | |
HTML | Clojure | |
- | Mozilla Public License 2.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.
Google Fonts
-
Custom Fonts In React Native: Pro Tip!
Head over to a font repository like Google Fonts and choose a font you like. Let's say we pick "Briem Hand" from the search input. Download the font files by clicking Get Font, usually provided in a zip format.
-
Remnants of a Legendary Typeface Have Been Rescued from the River Thames
Thanks!, hadn’t come across Mebinac.
I’m also a big fan of Igino Marini’s recreation of the Fell typefaces:
The Fell Types took their name from John Fell, a Bishop of Oxford in the seventeenth-century. Not only he created an unique collection of printing types but he started one of the most important adventures in the history of typography. — https://web.archive.org/web/20240128075552/https://iginomari...
The IM Fell fonts themselves seem to live on Google Fonts these days: https://fonts.google.com/?query=Igino+Marini
I use Doves Type for… everything. One day I started to find my monomaniacal obsession a bit funny and sort of to spite myself I set every font in Firefox to Doves Type. Serif, sans-serif, monospace, no other fonts allowed, as well as the UI font by tweaking the Firefox user profile iirc.
And it was just… very good. And I kept using it.
I use Doves Type for everything, and to be able to do that on my phone I use iFont: https://apps.apple.com/is/app/ifont-find-install-any-font/id...
Or yeah I do use IBM PC VGA 9x16, IBM BIOS 8x8, and Eagle Spirit PC CGA Board Alternate 3 a little :) From the Ultimate Oldschool PC Font Pack: https://int10h.org/oldschool-pc-fonts/
I even munged together a combination of Doves Type Regular and IM Fell Great Primer Italic that matches the character scale and linespacing to both each other and to the IBM PC VGA 9x16 font at 1:1 size. FontLab did the trick!: https://fontforge.org/en-US/
(FontForge can autogenerate italics for any font. If you’re bored, I suggest loading up the classic VGA font and pressing the ITALICIZE button on ot. It’s… interesting!)
In general, on Windows I much prefer MacType’s fomt rendering: https://www.mactype.net … it’s kind of amazing that this kind of surgery is even possible.
-
Add a Custom Font to Your XCode Project
Choose and download font When choosing a font for your application design, you need to consider the factors such as the font's readability, its contrast, how well it can scale on different devices, and whether it matches your application's brand and color scheme. After deciding the font, download its .tff files. One can get these files from Google Fonts. In this example, we will download 'Sedan SC' font.
-
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
penpot
-
Release Radar · April 2024 Edition: Major updates from the open source community
Imagine designers and coders working seamlessly together. That's what Penpot aims to do. It's a tool where designers can create stunning designs, interactive prototypes, and design systems at scale. Developers then have ready-to-use code, which makes their workflows faster and more efficient. Penpot's latest version receives a new grid CSS layout, new UI, new components system, and more components. Oh and there's now light AND dark mode 🎉.
- Figma OSS Alternative
-
Rama is a testament to the power of Clojure
This is how I see things also. Clojure is extremely practical and naturally attracts people that want to ship products.
The "Figma OSS Alternative" post that's also on the HN homepage right now doesn't mention Clojure anywhere (no comments about it either!), but Penpot is clearly also yet another app successfully shipped using Clojure: https://github.com/penpot/penpot
-
Penpot 2.0 Released
Really neat. I was mainly curious to know when they are planning to release the self hosted docker versions of Penpot 2.0. Looks like its coming in the next couple days hopefully [1].
[1]: https://github.com/penpot/penpot/issues/4380
-
What Design Tool Should I Use?
Website • Getting Started • User Guide • Tutorials & Info • Community • Twitter • Instagram • Mastodon • Youtube
-
15 open-source tools to elevate your software design workflow
Link | Free Trial | Github | License
- Ask HN: How would you build Figma?
-
Open Source alternatives to tools you Pay for
Penpot - Open Source Alternative to Figma
-
CEO of Figma is a Zionist and supports the occupation of Palestine
- Penpot (open source) - penpot.app/
-
Just paying Figma $15/month because nothing else fucking works
A colleague had a quick presentation on Penpot[1] a few weeks back. Was a real contender I think.
[1]: https://penpot.app/
What are some alternatives?
inter - The Inter font family
pencil - The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.
source-code-pro - Monospaced font family for user interface and coding environments
Tkinter-Designer - An easy and fast way to create a Python GUI 🐍
fontsource - Self-host Open Source fonts in neatly bundled NPM packages.
excalidraw - Virtual whiteboard for sketching hand-drawn like diagrams
JetBrainsMono - JetBrains Mono – the free and open-source typeface for developers
drawio-desktop - Official electron build of draw.io
PrusaSlicer - G-code generator for 3D printers (RepRap, Makerbot, Ultimaker etc.)
Taiga - Agile project management platform. Built on top of Django and AngularJS
Font-Awesome - The iconic SVG, font, and CSS toolkit
Akira - Native Linux App for UI and UX Design built in Vala and GTK