Resources / Fonts
Browse thousands of typefaces on Google Fonts or Font Squirrel, pair them intelligently with Fontjoy or FontPair, and fine-tune your type scale with the Golden Ratio Typography Calculator.
Quick Guide
Use CodeHelper's tools when you need:
- •Privacy & offline processing
- •No account or signup required
- •Fast, client-side operations
Use external tools when you need:
- •Team collaboration features
- •Cloud storage & synchronization
- •Extensive template libraries
All Tools
Google Fonts
Free library of open source font families hosted by Google, each licensed under SIL OFL or Apache, cleared for commercial use and webfont embedding.
Open license per family (mostly SIL OFL, some Apache 2.0). Commercial use and webfont embedding allowed, no attribution required.
DaFont
Archive of community submitted fonts organized by category; each one carries its own license, mostly personal use only unless the author grants more.
Per-font licenses: freeware, shareware, donationware, public domain. Most restrict commercial and webfont use; check each readme first.
Use & Modify
Hand picked directory of open source typefaces spanning pixel, blackletter and geometric styles, curated by one person rather than crawled automatically.
Every listed font uses an open license: SIL OFL, MIT, CC0, CC BY, CC BY-SA or GPL, so commercial use and webfont embedding are allowed.
1001 Free Fonts
Large downloadable font archive with free entries plus a paid bundle of 10000 fonts pre-cleared for commercial use; free fonts carry mixed licenses.
Free tier fonts have mixed per-font licenses; only the paid bundle is explicitly licensed for commercial use.
Font Squirrel
Hand picked free fonts, every one checked to be licensed for commercial use, plus a Webfont Generator that converts a desktop font into WOFF2 with the CSS to load it.
Free for commercial use, licenses listed per family. The generator only accepts fonts whose license allows webfont conversion.
Font Fabric
Type foundry offering a tagged free fonts section alongside its paid retail catalog; the free releases are licensed for commercial design work.
Free fonts are licensed for commercial design use per the foundry; paid families require a separate retail license.
TypeKit Practice
Adobe run typography education hub with lessons on OpenType features, hierarchy and type pairing, plus curated reading references for designers.
Free Adobe resource, not a font download site; no font licensing involved.
Fontjoy
Generates font pairing suggestions from Google Fonts using a neural network trained to balance contrast and harmony between two typefaces.
Pulls from Google Fonts, so any pairing it suggests is free for commercial use and webfont embedding under SIL OFL.
Golden Ratio
Calculates a font size and line height scale from the golden ratio for a given base font and content width, then outputs ready to use CSS.
Core calculator is free; CSS code export and the email and Discourse variants require a paid Pro subscription.
FontGet
Large downloadable font catalog with a filter for fonts free for commercial use, though licenses still vary font by font across the archive.
Site offers a commercial-use filter but does not guarantee every listed font qualifies; verify the license per font.
FontPair
Curated tool for pairing Google Fonts, now bundled into a wider brand kit builder with color palettes and exports for Figma, Webflow and Canva.
Font pairing browsing is free; a paid Pro plan (from about 4 USD per month) unlocks more pairings and brand kit exports.
Font Space
Font directory active since 2006 with over 170000 free fonts and a separate commercial licensed section, each entry reviewed by a human editor.
Mixes free and about 19000 paid commercial-use fonts; licenses are verified per font, so check before webfont embedding.
Abstract Fonts
Long running free font archive organized by category, where most entries are marked personal use only rather than cleared for commercial work.
Most listed fonts are personal use only; commercial use and webfont embedding need per-font license verification.
Free Typography
Editorial blog showcasing hand picked free typefaces with designer interviews, though the featured catalog has not been updated since early 2021.
Site is reachable but appears stale since around 2021; licenses are set by each featured designer, not standardized.
Leon Sans
Geometric sans-serif typeface built entirely in JavaScript code rather than font files, rendered live to canvas with adjustable weight and motion.
MIT licensed, 10000+ GitHub stars; free for commercial use since it ships as code, not a font binary to embed.
Lexend
Variable font family designed with Google and university researchers to improve reading speed, distributed free through Google Fonts and GitHub.
Open source under SIL OFL via Google Fonts; free for commercial use and standard webfont embedding.
Fonts for Apple Platforms
Official download for San Francisco, SF Compact, SF Mono and New York, Apple's system typefaces, for mocking up iOS, iPadOS, macOS and watchOS apps.
Licensed only for Apple platform UI mockups; embedding in shipped software or non-Apple products is explicitly prohibited.
SFWin
Community repackaging of Apple's San Francisco fonts so they install and render on Windows 10 and other non-Apple systems for mockup testing.
Maintained under a new owner after the original blaisck repo moved; the same Apple font license restrictions still apply.
Font Flipper
Lets you preview more than 800 Google Fonts directly over your own design mockup in the browser, without installing or downloading any font files.
Previewed fonts come from Google Fonts, so anything you pick is free for commercial use and webfont embedding.
Fonts Arena
Ad free, open startup style directory of free fonts and free alternatives to popular paid typefaces, paired with short research articles.
Positions itself as ad-free and open about its business; check each font page since licenses are not uniform site-wide.
Befonts
Font blog and archive with more than 88000 free entries plus a dedicated commercial use category, updated with new releases regularly.
Browse by a commercial-use filter, but confirm the license on each font's own page since terms are not uniform.
Arabic fonts
Dedicated directory for Arabic typefaces and calligraphy styles, downloadable without creating an account, organized by popularity and rating.
No account required to download; licenses are set per font and not summarized site-wide, so verify before commercial use.
FontDrop
Drag and drop tool that opens a font file in the browser to inspect its glyphs, OpenType features, hinting and metadata, no install required.
Free browser based inspector; it does not grant any license itself, it only reads the font file you already have.
Open Foundry
Curated directory limited to open source typefaces, linking to each designer's own release page instead of hosting the font files itself.
Listed typefaces carry open source licenses (commonly SIL OFL), so commercial use and webfont embedding are allowed; confirm per release.
Glyphter
Converts a grid of uploaded SVG icons into a downloadable icon font, letting a page load many icons as one small font file instead of many images.
Freemium: one project and limited characters free, unlimited projects need a paid plan from about 5 USD per month.
Google Webfonts Helper
Generates a self hosted Google Fonts kit with woff2 files, CSS and unicode-range subsets, so pages avoid a request to Google's own font servers.
Original Heroku hosted tool died when Heroku dropped free dynos in 2022; now kept alive as a community maintained fork.
Rough Font Awesome
Demo that renders Font Awesome icons through RoughJS to give them a hand drawn, sketchy outline, with controls to tweak color and background.
Open source demo combining Font Awesome Free v5 and Rough.js; source is on GitHub for reuse in your own project.
FFonts
Free font download directory organized by style and language, mirroring entries also found on sister sites like 1001 Free Fonts and Font Space.
Site returns 403 to automated requests, which usually means bot blocking rather than being offline; licenses vary per font.
Malayalam Fonts
Malayalam font collection maintained by Swathanthra Malayalam Computing, a long running volunteer group behind Malayalam free software and Wikipedia tooling.
SMC fonts are released under the SIL Open Font License, free for commercial use and webfont embedding.
Dev Fonts
Side by side live preview of coding fonts rendered in real syntax highlighted themes, so you can compare ligatures and character shapes before installing.
Nearly all listed fonts are free and open source; one paid exception, Dank Mono, is marked separately.
Font M
Free font archive covering decorative, serif, sans-serif, script and dingbat categories, with entries marked free for commercial use on their listing.
Listings are tagged free for commercial use, but the site does not publish full license text, so verify for high stakes projects.
W Fonts
Free font download site spanning core, display and cultural typefaces plus symbol sets, similar in scope to other large free font archives.
No blanket license statement found on site; check each font's terms page before commercial or webfont use.
Modern fluid typography editor
Interactive editor for building CSS clamp based fluid type scales, letting you set minimum and maximum sizes across viewport widths visually.
Free tool; it blocks automated requests with a 403, which typically signals bot protection rather than downtime.
UrbanFonts
Font directory online since 2006 with more than 77000 free entries for personal and commercial use, plus generators for dingbats and symbols.
Site states fonts are usable for personal and commercial projects; confirm webfont embedding rights per font before shipping.
Best Free Fonts & Typography Tools for Developers & Designers
Good typography is the backbone of readable, professional web design. Choosing the right web fonts, pairing them correctly, and setting proper line heights and sizes makes a dramatic difference in user experience.
Google Fonts is the default pick for web projects: every family is SIL OFL or Apache licensed, free for commercial use and webfont embedding, no attribution needed. Open Foundry and Use & Modify curate a smaller set of open source typefaces for a less common look.
Large archives like DaFont, Font Space, Befonts and Abstract Fonts hold tens of thousands of entries, but most are personal use only; check that font's own license before shipping it, not the site's general claims. Lexend stands apart as a variable font backed by reading-proficiency research, and Fonts for Apple Platforms is the opposite of free: its system fonts are licensed only for UI mockups, never for embedding in shipped software. For pairing, Fontjoy and FontPair both draw on the already-clear Google Fonts license.
What to check before you pick one
- License type: Ensure fonts are free for commercial use, not just personal projects.
- Web performance: Variable fonts and well-subsetted web fonts load faster and improve Core Web Vitals.
- Pairing guidance: Tools that suggest complementary font combinations save design decision time.
Frequently Asked Questions
Where can I find free fonts for commercial use?
Google Fonts, Font Squirrel, and DaFont all offer large collections of free fonts. Font Squirrel specifically filters for fonts that are free for commercial use. Always check the individual font license before using in commercial projects.
What are the best font pairing tools?
FontPair and Fontjoy are the most popular font pairing tools. FontPair focuses on Google Fonts combinations, while Fontjoy uses machine learning to generate aesthetically pleasing font pairings with one click.
How do I calculate the right font size for my website?
The Golden Ratio Typography Calculator (grtcalculator.com) helps you determine ideal font size, line height, and content width based on typographic principles. Enter your base font size and it calculates a harmonious type scale.