OJT_PROJECT3

OJT PROJECT web font optimizer

Web Font Optimizer

This project is a simple tool made with HTML, CSS, and JavaScript. It helps to optimize web fonts so that websites load faster and use less data.

What this project does

• Lets you load and preview fonts.
• Helps you reduce the size of font files by choosing only the characters you need.
• Gives you ready-to-use CSS or font files for your website.
• Works fully in the browser. No backend or installation required.

Why font optimization is important

Web fonts can slow down a website if they are large. Optimizing fonts helps:

• Reduce page load time
• Improve performance on slow networks
• Avoid layout shifting problems
• Give users a smoother experience

Project Structure

OJT_PROJECT3/
├── index.html        # Main page
├── css/              # Styles
├── js/               # JavaScript files
└── README.md         # Documentation

How to use

1. Download or clone this project:

   git clone https://github.com/gozepriyabrata-hash/OJT_PROJECT3.git
   

2. Open the index.html file in your browser.
3. Upload or select the font you want to optimize.
4. Apply the settings shown on the page.
5. Download the optimized font or copy the CSS provided.

Future improvements

These are some ideas that can be added later:

• Support more font formats like WOFF and WOFF2
• Allow selecting language-based character sets
• Add drag-and-drop upload
• Generate sample HTML/CSS automatically
• Add better UI and explanations

About the project

This tool is made to help developers and students understand how web font optimization works and how it affects website performance. It follows common best practices such as subsetting fonts and using proper font loading methods.