PikoPong
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux
No Result
View All Result
PikoPong
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux
No Result
View All Result
PikoPong
No Result
View All Result
Home Web Dev

A Microsite Showcasing Coding Fonts

December 1, 2020
in Web Dev
277 15
A Microsite Showcasing Coding Fonts


We made one! It’s open source if you want to make it better or fix things.

There are quite a few purpose-built fonts for writing code. The point of this site is to show you some of the nicest options so you can be aware of them and perhaps pick one out to try that suites your taste.

We used screenshots of the code to display just so we could show off some of the paid fonts without managing a license just for this site, and for fonts without a clear way to link them up (like San. Also because setting up the screenshotting process was kinda fun.

High Fives

Special high five to Jonathan Land who helped a ton getting the site together including literally all the design work. Also to Sendil Kumar who had the original idea for a blog post like this, before the idea grew up into a full blown microsite. And finally to all the contributors so far.

Work

There are still more fonts to add. If you want to add one, feel free to make a PR. Or if you’re unsure if it will be accepted or not, open an issue first. I’d like to keep any of the fonts we add fairly high quality. There is also a current bug with some of the ligatures not showing properly in the screenshots of some of the fonts. I’m sure we’ll sort it out eventually, but I’d love an assist there if you are particularly knowledgeable in that area.

Open issues here.



Source link

Share219Tweet137Share55Pin49

Related Posts

What’s New In DevTools (Chrome 86)  |  Web  |  Google Developers
Web Dev

New in Chrome 88  |  Web  |  Google Developers

Pete is a Developer Advocate Chrome 88 is starting to roll out to stable now. Here's what you need...

January 20, 2021
Lightweight Form Validation with Alpine.js and Iodine.js
Web Dev

Lightweight Form Validation with Alpine.js and Iodine.js

Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when...

January 20, 2021
Life with ESM | CSS-Tricks
Web Dev

Life with ESM | CSS-Tricks

ESM, meaning ES Modules, meaning JavaScript Modules. Like, import and friends. Browsers support it these days. There is plenty...

January 19, 2021
Netlify Edge Handlers | CSS-Tricks
Web Dev

Netlify Edge Handlers | CSS-Tricks

Netlify Edge Handlers are in Early Access (you can request it), but they are super cool and I think...

January 19, 2021
Next Post
Painting With the Web · Matthias Ott – User Experience Designer

Painting With the Web · Matthias Ott – User Experience Designer

New IPTV App from Mint

New IPTV App from Mint

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended

What is a Package Manager in Linux?

What is a Package Manager in Linux?

October 4, 2020
Look-alike models for Social Good

Look-alike models for Social Good

June 3, 2020
Oh Mummy – 25-Jun 2020

Go Mummy – 25-Jun 2020

August 13, 2020
Setting TypeScript For Modern React Projects Using Webpack And Babel — Smashing Magazine

Crowdfunding Web Platform Features With Open Prioritization — Smashing Magazine

July 13, 2020

Categories

  • AWS
  • Big Data
  • Database
  • DevOps
  • IoT
  • Linux
  • Web Dev
No Result
View All Result
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In