https://github.com/joulev/google-fonts-preview-subsets

A small playground showcasing a performant font selector where each font item is rendered in the font it represents
https://github.com/joulev/google-fonts-preview-subsets

Last synced: 5 days ago
JSON representation

A small playground showcasing a performant font selector where each font item is rendered in the font it represents

• Host: GitHub
• URL: https://github.com/joulev/google-fonts-preview-subsets
• Owner: joulev
• Created: 2024-05-22T12:59:53.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-23T07:41:27.000Z (about 2 years ago)
• Last Synced: 2025-02-24T21:43:13.442Z (over 1 year ago)
• Language: TypeScript
• Homepage: https://google-fonts-preview-subsets.joulev.dev
• Size: 354 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
A small playground showcasing a performant font selector where each font item is rendered in the font it represents.

The fonts are subsetted in such a way that it only has the necessary glyphs to render the font name itself. We do that to get a very small subsetted version that is still good to render the font dropdown without eating too much network data.

You can use the subsetted fonts as well. The URL is `https://google-fonts-preview-subsets.joulev.dev/v1/`, where `` is the Google Fonts name of the font (correct capitalisation is important!), with the spaces changed to `+`. For example, to get the subsetted font file of **ADLaM Display**, the URL is `https://google-fonts-preview-subsets.joulev.dev/v1/ADLaM+Display`.