Search Resources
Links by Tag
  • 3D
  • Accessibility
  • Animation
  • Audio
  • Backgrounds
  • Blogs
  • Books
  • Branding
  • Business
  • Career
  • CMS
  • Code
    • CSS Generators
    • Frameworks
    • HTML/CSS
    • JavaScript
    • Open Source
    • PHP
  • Challenges
  • Colour
  • Community
  • Copywriting
  • Developer Tools
  • Domains & Hosting
  • eCommerce
  • Email
  • Featured
  • Fun
  • Icons
  • Illustrations
  • Inspiration
    • Design Systems
  • Learning
  • Marketing
  • Mockups
  • Photography
  • Placeholders
  • Podcasts
  • Productivity
  • Security
  • Self Hosted
  • SEO
  • Services
    • Analytics
    • Social
  • Software
  • Templates
  • Test & Optimise
    • Accessibility Testing
    • Browser Testing
    • Code Quality
    • Speed Testing
  • Typography
  • UI Kits
  • UX Design
  • Video
  • WordPress
Toolkit
  • About
  • Suggest
Screenshot of Coding Font Quiz website
Visit Link
https://www.codingfont.com/

Coding Font Quiz

Filed under Developer Tools, Typography

Take this gamified font picker to find your perfect coding font!

Free

Report a problem with this link

Welcome to Toolkit! 🧰

Toolkit is a curated collection of tools & resources for people who make websites. Follow on Twitter for a fresh link daily or browse the site to discover the growing collection.


More from Typography

View all Typography  
Screenshot of Coding Font Quiz website
Visit Link
https://www.codingfont.com/

Coding Font Quiz

Filed under Developer Tools, Typography

Take this gamified font picker to find your perfect coding font!

Free
Screenshot of Fluid Typography Editor website
Visit Link
https://modern-fluid-typography.vercel.app/

Fluid Typography Editor

Filed under CSS Generators, Typography

Fluid typography is a modern way of approaching responsive typography. Instead of setting fixed typography values for individual screen sizes, we can set a single fluid value and let the CSS render the appropriate values for a specific screen size constrained by minimum and maximum values.

Free
Screenshot of Future Fonts website
Visit Link
https://www.futurefonts.xyz/

Future Fonts

Filed under Typography

Where type designers sell fonts in progress. High-quality fonts that are new to market and haven’t been overused.

Price Varies
Screenshot of Font of the Month Club website
Visit Link
https://djr.com/font-of-the-month-club

Font of the Month Club

Filed under Typography

Font of the Month Club sends you a fresh new font every single month! Fonts of the month include distinctive display faces, experimental designs, and exclusive previews of my upcoming retail typeface families.

$6/m (discounts available)
Screenshot of Tiff website
Visit Link
https://tiff.herokuapp.com/

Tiff

Filed under Typography

A type diff tool that visually contrasts the differences between two fonts. Currently supports fonts from the Google Web Fonts library and any system fonts. Best if viewed on the latest version of modern browsers.Currently supports fonts from the Google Web Fonts library and any system fonts. Best if viewed on the latest version of modern browsers.

Free
Screenshot of Font Flipper website
Visit Link
https://fontflipper.com/

Font Flipper

Filed under Typography

Preview 800+ Google Fonts on top of your own designs, without having to download the fonts.

Free
Screenshot of Use & Modify website
Visit Link
https://usemodify.com/

Use & Modify

Filed under Typography

This is a personal selection of beautiful, classy, punk, professional, incomplete, weird typefaces. Open source licenses make them free to use and modify. This selection is the result of deep search and crushes.

Free
Screenshot of Leon Sans website
Visit Link
https://leon-kim.com/#intro

Leon Sans

Filed under Animation, Typography

Leon Sans is a geometric sans-serif typeface made with code in 2019 by Jongmin Kim. It allows you to change font weight dynamically and to create custom animations, effects or shapes in the Canvas element of HTML5.

Free
Screenshot of Unicode Arrows website
Visit Link
https://unicodearrows.com/

Unicode Arrows

Filed under Typography

Welcome to the best part of the unicode spec.

Free
Screenshot of Shapecatcher website
Visit Link
https://shapecatcher.com/

Shapecatcher

Filed under Developer Tools, Typography

Draw any unicode symbol with your mouse to instantly get its code! No more hunting through huge tables.

Free
Screenshot of Calligrapher.ai website
Visit Link
https://www.calligrapher.ai/

Calligrapher.ai

Filed under Illustrations, Typography

Generate realistic looking handwriting with several customisable parameters and download as SVG.

Screenshot of Fontshare website
Visit Link
https://www.fontshare.com/

Fontshare

Filed under Typography

Fontshare is a free fonts service launched by the Indian Type Foundry (ITF). It’s a growing collection of professional grade fonts that are 100% free for personal and commercial use.

Free

Toolkit by Addy Codes is a curated collection of tools and resources for people who make websites.

Join the Newsletter

The very best new website building resources sent to your inbox once at most once a fortnight.

Your subscription could not be saved. Please try again.
Please check your email to confirm your subscription. It's worth it!
© Adam Greenough 2022. All rights reserved. Made with ☕️ in the UK. Proudly hosted with 100% renewable energy 🍃 via Krystal Hosting (affiliate).
Freelance Web Developer About Privacy Submit