Favourite Fonts 🚀

Overview

This page was made for the Chingu Voyage 13 pre-work (tier 2). You can view the requirements for this project here.

Features

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

Running the Project

Live version: https://stephairth.github.io/chingu-fav-fonts/

From the repo:

1. Download this project as a zip
2. Open index.html in your browser

Dependencies

• Font Awesome
• The actual Google Fonts

To Do List

• Implement Google Fonts API and related functionality