{"id":158,"url":"https://github.com/deanhume/typography","name":"typography","description":"A collection of web typography resources","projects_count":90,"last_synced_at":"2026-08-12T09:00:25.342Z","repository":{"id":23398617,"uuid":"26760625","full_name":"deanhume/typography","owner":"deanhume","description":"A collection of web typography resources","archived":false,"fork":false,"pushed_at":"2026-08-09T21:17:50.000Z","size":450,"stargazers_count":708,"open_issues_count":0,"forks_count":30,"subscribers_count":31,"default_branch":"master","last_synced_at":"2026-08-09T23:14:39.509Z","etag":null,"topics":["awesome","awesome-list","list"],"latest_commit_sha":null,"homepage":"https://deanhume.github.io/typography/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/deanhume.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"claude":null,"gemini":null,"cursor":null,"copilot":null,"dco":null,"cla":null,"disclosure":null}},"created_at":"2014-11-17T14:38:57.000Z","updated_at":"2026-08-09T21:18:02.000Z","dependencies_parsed_at":"2026-08-09T23:18:40.433Z","dependency_job_id":null,"html_url":"https://github.com/deanhume/typography","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/deanhume/typography","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deanhume%2Ftypography","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deanhume%2Ftypography/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deanhume%2Ftypography/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deanhume%2Ftypography/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/deanhume","download_url":"https://codeload.github.com/deanhume/typography/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/deanhume%2Ftypography/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36558431,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-06T04:43:03.162Z","status":"online","status_checked_at":"2026-08-12T02:00:07.134Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-04T17:19:14.708Z","updated_at":"2026-08-12T09:00:25.342Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["License","Articles","Web Fonts \u0026 Web Performance","Tools","Books","Font Combinations","Talks","Featured"],"sub_categories":[],"readme":"# Awesome Web Typography [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\n\nA curated collection of awesome web typography articles.\n\n## Articles\n\n- [No @font-face Syntax will ever be Bulletproof, Nor Should It Be](https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/)\n- [Font Aliasing, or how to rename a font in CSS](https://www.zachleat.com/web/rename-font/)\n- [The Future of Web Fonts](https://viljamis.com/2016/the-future-of-web-fonts/)\n- [Your Body Text Is Too Small](https://medium.com/@xtianmiller/your-body-text-is-too-small-5e02d36dc902#.w1wdaeqzo)\n- [Methods for Controlling Spacing in Web Typography](https://css-tricks.com/methods-controlling-spacing-web-typography/)\n- [Bold or Italic](https://practicaltypography.com/bold-or-italic.html)\n- [Webfonts on the Prairie](https://alistapart.com/article/webfonts-on-the-prairie)\n- [Typography is impossible](https://medium.engineering/typography-is-impossible-5872b0c7f891#.5tnat6wy5)\n- [The New Web Typography](https://robinrendle.com/essays/new-web-typography/)\n- [Tools And Resources For A More Meaningful Web Typography](https://www.smashingmagazine.com/2016/03/meaningful-web-typography/)\n- [A more modern scale for Web Typography](http://typecast.com/blog/a-more-modern-scale-for-web-typography)\n- [Better web typography in 13 simple steps](https://www.creativebloq.com/typography/better-web-typography-few-simple-steps-5132803)\n- [Choosing web fonts: 15 expert tips](https://www.creativebloq.com/web-design/choose-web-fonts-1233034)\n- [The Good, The Bad And The Great Examples Of Web Typography](https://www.smashingmagazine.com/2014/12/the-good-the-bad-and-the-great-examples-of-web-typography/)\n- [Web Fonts Performance: Making Pretty, Fast](https://www.igvita.com/2012/09/12/web-fonts-performance-making-pretty-fast/)\n- [Font Smoothing](https://davidwalsh.name/font-smoothing)\n- [The State of Web Type](https://dev.opera.com/articles/state-of-web-type/)\n- [Dashes in Web Typography](https://viljamis.com/dashes/)\n- [Scale \u0026 Rhythm in Typography](http://lamb.cc/typograph/)\n- [Typographic Scale](http://retinart.net/typography/typographicscale/)\n- [The Mathematical Symphony of Typography](https://pearsonified.com/2011/12/golden-ratio-typography.php)\n- [The Best Free Alternatives to the Most Popular Fonts](https://blog.spoongraphics.co.uk/articles/the-best-free-alternatives-to-the-most-popular-fonts)\n- [A History of Typeface Styles \u0026 Type Classification](https://blog.spoongraphics.co.uk/articles/a-history-of-typeface-styles-type-classification)\n- [26 digital typography rules for beginners](https://medium.com/product-design-ux-ui/26-digital-typography-rules-for-beginners-a04c6a5aaff3)\n- [Variable Fonts for Responsive Design](https://alistapart.com/blog/post/variable-fonts-for-responsive-design)\n- [Typeface Mechanics](https://frerejones.com/blog/typeface-mechanics-001/)\n- [Truly Fluid Typography With vh And vw Units](https://www.smashingmagazine.com/2016/05/fluid-typography/)\n- [Viewport Based Typography](https://zellwk.com/blog/viewport-based-typography/)\n- [Animated Typographic Cheat Sheet](https://www.supremo.co.uk/typeterms/)\n- [Typography for User Interfaces](https://viljamis.com/2016/typography-for-user-interfaces/)\n- [Loading Web Fonts Asynchronously](https://calendar.perfplanet.com/2016/loading-web-fonts-asynchronously/)\n- [Font-size: An Unexpectedly Complex CSS Property](https://manishearth.github.io/blog/2017/08/10/font-size-an-unexpectedly-complex-css-property/)\n- [93 most popular premium fonts alternative google fonts](https://designtheway.com/most-used-fonts-alternative-google-fonts/)\n- [Font Aliasing, or How to Rename a Font in CSS](https://www.zachleat.com/web/rename-font/)\n\n## Web Fonts \u0026 Web Performance\n- [Controlling Font Performance with font-display](https://developers.google.com/web/updates/2016/02/font-display)\n- [Lightning Fast Font Loading Techniques](https://davidwalsh.name/font-loading)\n- [Loading webfonts with high performance on responsive websites](http://bdadam.com/blog/loading-webfonts-with-high-performance.html)\n- [Font Loading Revisited with Font Events](https://www.filamentgroup.com/lab/font-events.html)\n- [How we use web fonts responsibly, or, avoiding a @font-face-palm](https://www.filamentgroup.com/lab/font-loading.html)\n- [Better @font-face with Font Load Events](https://dev.opera.com/articles/better-font-face/)\n- [Better webfont loading with using localStorage and providing WOFF2 support](http://bdadam.com/blog/better-webfont-loading-with-localstorage-and-woff2.html)\n- [Using Web Fonts the Best Way (in 2015)](https://helloanselm.com/writings/using-webfonts-in-2015)\n- [Web Font Loading Patterns](http://bramstein.com/writing/web-font-loading-patterns.html)\n- [Performance and Web Typography - Video](https://www.youtube.com/watch?v=emLfXChvVPQ)\n- [Tips for balancing web fonts \u0026 page load](https://frontendnews.io/editions/2018-07-25-tips-for-loading-web-fonts)\n- [Loading Web Fonts Asynchronously](http://calendar.perfplanet.com/2016/loading-web-fonts-asynchronously/)\n- [Font Aliasing, or How to Rename a Font in CSS](https://www.zachleat.com/web/rename-font/)\n- [A Collection of Web Font Loading Recipes](https://www.zachleat.com/web/recipes/)\n- [No @font-face Syntax will ever be Bulletproof, Nor Should It Be](http://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/)\n- [Performance and Web Typography](https://www.youtube.com/watch?v=emLfXChvVPQ)\n\n## Tools\n- [The State of Web Type - Up-to-date data on support for type and typographic features on the web](http://stateofwebtype.com/)\n- [A simple plugin to keep font-size in proportion with it's containers size](https://github.com/jkroso/flowtype)\n- [Type Rendering Mix](http://typerendering.com/)\n- [Web Font Loader](https://developers.google.com/fonts/docs/webfont_loader)\n- [Preventing the Performance Hit from Custom Fonts](https://css-tricks.com/preventing-the-performance-hit-from-custom-fonts/)\n- [Web Font Optimization](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/webfont-optimization?hl=en)\n- [Font Face and Performance](http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/)\n- [Normalize-Opentype.css - Adds OpenType features—ligatures, kerning, and more—to Normalize.css.](https://github.com/kennethormandy/normalize-opentype.css)\n- [Type­set.js - A typographic pre-processor for your html which uses zero client-side JavaScript](https://blot.im/typeset/)\n- [brick.im](https://github.com/alfredxing/brick)\n- [Typebase.css](http://devinhunt.github.io/typebase.css/)\n- [Google WebFonts Helper](https://google-webfonts-helper.herokuapp.com/fonts/aguafina-script?subsets=latin)\n- [FontsWiki - Searchable font catalog with free alternatives and Fonts-in-Use references for designers and developers.](https://fontswiki.com)\n- [What Font Finder - Identify a font from an image in the browser, with a confidence score and no upload.](https://whatfontfinder.com/font-identifier/)\n- [Using Custom Fonts in Emails](https://github.com/ladjs/custom-fonts-in-emails)\n- [Typographist — Modular scale calculator API with config validation](https://github.com/typographist)\n- [Font Face Observer is a fast and simple web font loader](https://fontfaceobserver.com/)\n- [MixFont A Modern Font Generator](https://www.mixfont.com/)\n- [How to use custom fonts in emails](https://github.com/forwardemail/custom-fonts-in-emails)\n\n## Books\n- [On Web Typography](https://abookapart.com/products/on-web-typography)\n- [The Elements of Typographic Style](https://www.amazon.co.uk/Elements-Typographic-Style-Robert-Bringhurst/dp/0881792063)\n- [The Elements of Typographic Style - Online Version](http://webtypography.net/)\n- [Practical Typography](https://practicaltypography.com/)\n- [Combining Typefaces: Free guide to great typography](https://blog.typekit.com/2016/04/29/combining-typefaces-free-guide-to-great-typography/)\n- [The Typography Handbook](http://typographyhandbook.com/)\n\n## Font Combinations\n- [Mixfont](https://www.mixfont.com/)\n- [Font Combinations](https://www.canva.com/font-combinations/)\n- [Google web fonts in action](http://femmebot.github.io/google-type/)\n- [Beautiful Web Type](https://beautifulwebtype.com/)\n- [Google Font Combinations](https://briangardner.com/google-font-combinations/)\n- [Top 5 Google Fonts](http://techdissected.com/web-and-computing/design/top-5-google-font-combinations/)\n- [100 Days of Fonts](http://100daysoffonts.com/)\n- [Sessions with Typography](http://www.sessions-with-typography.com)\n- [Google Web Font inspiration in HTML \u0026 CSS](http://tobiasahlin.com/typesource/)\n- [Google Font Pairing Tool](http://www.ourownthing.co.uk/fontpairing/)\n\n## Talks\n- [Web Fonts are Rocket Science](https://www.filamentgroup.com/lab/rocket-science.html)\n- [Video Screencast - Font Loading with Zach Leatherman](https://css-tricks.com/video-screencasts/152-font-loading-zach-leatherman/)\n\n## Featured\n- This [site](https://deanhume.github.io/typography/) was featured on the [Device Wall](https://twitter.com/gauntface/status/604029887414829057/photo/1) at Google I/O 2015.\n\n![Google I/O Device Wall](https://raw.githubusercontent.com/deanhume/typography/master/images/device-wall-small.jpg)\n\n## License\n\n[![CC0](https://licensebuttons.net/l/by/4.0/88x31.png)](https://creativecommons.org/licenses/by/4.0/)\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/deanhume%2Ftypography/projects"}