Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Gaafar/dev-fonts
List of fonts for coding
https://github.com/Gaafar/dev-fonts
fonts ligatures typography
Last synced: about 1 month ago
JSON representation
List of fonts for coding
- Host: GitHub
- URL: https://github.com/Gaafar/dev-fonts
- Owner: Gaafar
- Created: 2020-04-10T17:08:45.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T03:07:36.000Z (almost 2 years ago)
- Last Synced: 2024-08-01T19:54:28.216Z (4 months ago)
- Topics: fonts, ligatures, typography
- Language: TypeScript
- Homepage: https://devfonts.gafi.dev
- Size: 6.22 MB
- Stars: 891
- Watchers: 10
- Forks: 23
- Open Issues: 38
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
- my-awesome-list - dev-fonts
- awesome-list - dev-fonts
- awesome-lists - `dev-fonts`
README
# dev-fonts
List of the best fonts for coding with live preview [devfonts.gafi.dev](https://devfonts.gafi.dev)
## Features
* Live preview of all fonts with your code samples
* Select specific fonts to compare
* Choose editor themes
* Choose your language for syntax highlights## Built with
* Gatsby
* Code Mirror editor
* Ant Design
* Inspired by (code stolen from) https://carbon.now.sh/
* Hosted on Netlify## Missing a font?
You can open an issue to request adding a new font or open a PR by adding the font under `src/data/fonts.ts` and `static/fonts`
* Include only woff2 (smaller download size). Use font squirrel with basic settings for conversion if needed https://www.fontsquirrel.com/tools/webfont-generator
* Using a font from an official, reliable CDN is preferred. If not available, then add it in `static/fonts`.
* Use `sort: 2` for fonts with ligatures, `sort: 3` for others
* Do not change other files or file formatting apart from adding the new font