LINK TO WEBSITE

GET THAT FONT

A simple web application that helps you discover new fonts through random selection from the Google Fonts API.

I did this project as the first i ever did in JS. So its with vanilla css and JS. I would do this very differently today. And i will revisit this project and expand and optimize.

About

"Get That Font" is a lightweight web tool that allows you to:

• Select a font category (Sans-serif, Serif, Display, Handwriting, Monospace)
• Generate a random font within the selected category
• See the font displayed in real-time
• Download the selected font directly

Features

• Categorized font selection
• Random font generator
• Real-time font preview
• Direct download link to selected font

Technologies

• HTML5
• CSS3
• JavaScript (Vanilla)
• Google Fonts API

How to Use

1. Open the application in your browser
2. Select a font category from the dropdown menu (or leave as "All" for any category)
3. Click the "GET THAT FONT" button
4. View your randomly selected font displayed on screen
5. Click the download link if you want to save the font

API Key Note

This project uses the Google Fonts API. The API key included in the code is for demonstration purposes. For production use, consider:

• Getting your own API key from the Google Cloud Console
• Implementing environment variables to secure the API key

Todo / Future Development

• Add font pairing suggestions
• Implement font favorites/bookmarking functionality
• Add more detailed font information
• Create a dark mode option
• Add font search functionality
• Implement font comparison feature
• Add pagination for browsing through fonts
• Create user accounts to save favorite fonts