• Stars
    star
    891
  • Rank 51,222 (Top 2 %)
  • Language
    TypeScript
  • Created over 4 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

List of fonts for coding

dev-fonts

List of the best fonts for coding with live preview 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