Search Resources
Links by Tag
  • 3D
  • A11y
  • AI/ML
  • Animation
  • Audio
  • Backgrounds
  • Blogs
  • Books
  • Branding
  • Business
  • Career
  • CMS
  • Code
  • Colour
  • Community
  • Copywriting
  • CSS Generators
  • Dev Tools
  • Domains & Hosting
  • eCommerce
  • Email
  • Featured
  • Fun
  • Icons
  • Illustrations
  • Inspiration
  • Learning
  • Photography
  • Placeholders
  • Podcasts
  • Productivity
  • Security
  • Self-Hosted
  • SEO
  • Services
  • Software
  • Templates
  • Testing
  • Typography
  • Video
  • WordPress
Toolkit Addy Codes
  • About
  • Suggest
Screenshot of Font Pairing website
Visit Link
http://www.ourownthing.co.uk/fontpairing/

Font Pairing

Filed under Typography

Experiment with font pairings from Google Web Fonts to find your perfect match.

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 Golden Ratio Typography Calculator website
Visit Link
https://grtcalculator.com/

Golden Ratio Typography Calculator

Filed under Typography

Discover the perfect typography for your website by entering your current (or desired) font, font size, and/or content width. Experiment with different fonts, sizes, and widths to see what works best. Optimize for the ultimate reading experience on any device.

free
Screenshot of WhatTheFont website
Visit Link
https://www.myfonts.com/pages/whatthefont

WhatTheFont

Filed under Typography

Instant font identification powered by the world’s largest collection of fonts.

free
Screenshot of Font Library website
Visit Link
https://fontlibrary.org/

Font Library

Filed under Typography

All of these fonts can be effortlessly included on your website's design, thanks to the wonderful features of CSS.

free
Screenshot of ztext.js website
Visit Link
https://bennettfeely.com/ztext/

ztext.js

Filed under 3D, Typography

Easy to implement, 3D typography for the web. Works with every font.

free
Screenshot of Open Foundry website
Visit Link
https://open-foundry.com/

Open Foundry

Filed under Typography

Open Foundry is a FREE platform for curated open-source typefaces; to highlight their beauty, activate ideas and encourage exploration.

free
Screenshot of Font style matcher website
Visit Link
https://meowni.ca/font-style-matcher/

Font style matcher

Filed under Typography

If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This tool helps you do exactly that.

free
Screenshot of The Style of Scarcity website
Visit Link
https://www.styleofscarcity.com/

The Style of Scarcity

Filed under Inspiration, Typography

Luxury design and font inspiration from the world's most prestigious brands.

free
Screenshot of Type Hunting website
Visit Link
https://typehunting.com/

Type Hunting

Filed under Inspiration, Typography

An on-going archive of found fonts and typography. Photographed & curated by Jonathan Lawrence.

free
Screenshot of Coding Font Quiz website
Visit Link
https://www.codingfont.com/

Coding Font Quiz

Filed under Dev 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.

premium
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.

premium

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

© Adam Greenough 2023. All rights reserved. Made with ☕️ in the UK. Proudly hosted with 100% renewable energy 🍃 via Krystal Hosting (affiliate).
Freelance Web Developer About Privacy Submit