https://github.com/lwchkg/gfonts-chooser
A web app to let people try Google Fonts
https://github.com/lwchkg/gfonts-chooser
googlefonts
Last synced: 3 months ago
JSON representation
A web app to let people try Google Fonts
- Host: GitHub
- URL: https://github.com/lwchkg/gfonts-chooser
- Owner: lwchkg
- License: apache-2.0
- Created: 2024-01-11T14:18:48.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-04T00:26:46.000Z (over 1 year ago)
- Last Synced: 2024-04-04T01:34:43.064Z (over 1 year ago)
- Topics: googlefonts
- Language: TypeScript
- Homepage: https://gfonts-chooser.netlify.app/
- Size: 391 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Google Fonts Chooser
While [Google Fonts](https://fonts.google.com) is a great resource for fonts,
its website appears not the best place to browse its collection. That is why
_Google Fonts Chooser_ exists.
## Using the app
1. Click to select a font in the left sidebar. The font is now used in the main
text.
2. If the font is
a [Variable Font](https://fonts.google.com/knowledge/introducing_type/introducing_variable_fonts),
sliders are available for you to test drive the Variable Font features.
3. Switch between light and dark modes, and change the font size to see how the
font looks in different environments. (_Note: DO NOT skip this step._)
4. You can filter the font list by selecting ‘Variable Fonts only’ and/or
choosing one of the five categories.
## About fonts that comes without bold and italic styles
Not every font has bold, italic or bold italic styles. Faux-bold and
faux-italics are disabled in this app to make the absence of font styles more
visible.
The weight of the text you set is for normal text. For bold text, the app
increase the weight by 300, or set the weight to the maximum if adding 300 is
not possible. In the latter case, the bold text becomes less distinguishable, or
not distinguishable at all.