This page was made for the Chingu Voyage 13 pre-work (tier 2). You can view the requirements for this project here.
This is a front-end Google Fonts clone
- Text typed into the "type something" box immediately changes the sample text displayed the font cards
- The sample text returns to the default sample if the "type something" box no longer has any input
- The font size chooser immediately changes the sample text font size in the font cards
- The reset icon makes the page appear as if the user reloaded the page (but does not actually reload the page)
- On load, the page displays fonts sorted by current popularity, as returned by the Google Fonts Developer API
- The search feature displays matching fonts
- When the search input is cleared, the fontsautomaticaly display sorted by poplarity again
- Fully responsive
Live version: https://stephairth.github.io/chingu-fav-fonts/
From the repo:
- Download this project as a zip
- Open index.html in your browser
- Font Awesome
- The actual Google Fonts
- Implement Google Fonts API and related functionality