Skip to content

CSS-Tricks/coding-fonts

 
 

Repository files navigation

Coding Fonts

The Plan

  1. Take 6 screenshots of each font in the below list. One for HTML, CSS, and JS in a Dark Theme and a Light Theme.
  2. Make a nice little microsite at coding-fonts.css-tricks.com

The List

Intentionally Not On List

TODO

Running this site.

  • npm install
  • npm run serve

Taking Screenshots

  • Server must be running.
  • If the font is open source, put a copy of the font in the fonts folder.
  • Make a stylesheet that gets that font ready to use in that font folder
  • See samples/main.js for how to get service ready to shoot that font. It injects the stylesheet and sets the font.
  • Run script like FONT='Fira Code' npm run screenshots