# AI use cases for Harshpreet Hand (harshpreet931/harshpreet-hand) Repo: [harshpreet931/harshpreet-hand](https://github.com/harshpreet931/harshpreet-hand) | Use cases: 3 | Page: https://dedupedai.com/use-cases/harshpreet931-harshpreet-hand/ A handwritten-style font built from 120 pages of one student's college Computer Networks notes, with the pipeline that produced it. This file holds every use case of this repo. Each one starts with a "## " heading and ends with its URL. - Add a handwritten theme to a website: https://dedupedai.com/use-cases/harshpreet931-harshpreet-hand/add-handwritten-theme-to-website/ - Install the handwriting font for Figma or Keynote: https://dedupedai.com/use-cases/harshpreet931-harshpreet-hand/install-handwriting-font-for-design-tools/ - Rebuild the font and tune its spacing or weight: https://dedupedai.com/use-cases/harshpreet931-harshpreet-hand/rebuild-font-and-tune-spacing/ ## How to add a handwritten theme to a website with Harshpreet Hand Repo: [harshpreet931/harshpreet-hand](https://github.com/harshpreet931/harshpreet-hand) | Difficulty: Intermediate | Time: 15 minutes | Basis: From the README Serve the font and turn on a handwritten theme for headings and prose on any site. **Who it is for:** A web builder or blogger who wants a personal, hand-drawn look for headings and articles without loading an image-based design. **The problem:** Most web fonts look generic, and a custom handwritten look usually needs a designer or a costly font license. **The outcome:** The site renders its prose in the Harshpreet Hand font through a data-theme switch, with code and dense UI kept in normal fonts. ### Steps 1. Download the repo or the `dist/` folder, then copy `dist/HarshpreetHand-Regular.woff2` (and optionally `-Bold.woff2`) into your site, e.g. `public/fonts/`. 2. Copy `dist/harshpreet-hand.css` next to the fonts, or paste its `@font-face` rules into your global CSS, and fix the `url()` paths if needed. 3. Turn the theme on with `document.documentElement.dataset.theme = "handwritten"`. 4. Set `line-height` to 1.5 or more so the g and y loops do not clip, as the README advises. 5. Open the page in a browser and confirm the headings and prose render in the handwritten face. ### Prompt to paste into your agent ```text Using the repo harshpreet931/harshpreet-hand, copy the .woff2 fonts and harshpreet-hand.css from dist/ into /public/fonts/, then apply the handwritten theme to . Output the changed files and the exact change. Verify by loading the page and confirming the Harshpreet Hand font is requested and applied in the browser developer tools. ``` ### Caveat Keep the font for headings and prose only, since the README says code, tables and dense UI should stay in normal fonts. Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/harshpreet931-harshpreet-hand/add-handwritten-theme-to-website/ ## How to install the handwriting font for Figma or Keynote with Harshpreet Hand Repo: [harshpreet931/harshpreet-hand](https://github.com/harshpreet931/harshpreet-hand) | Difficulty: Beginner | Time: 15 minutes | Basis: From the README Install the TTF files so design and office apps can use the font by name. **Who it is for:** A designer, teacher or student who needs a handwritten font in Figma, Keynote, Word or similar apps. **The problem:** Design and office apps need an installed font file, not a web link, to show a handwritten face in slides or mockups. **The outcome:** The Harshpreet Hand Regular and Bold fonts appear in the font menu of local apps. ### Steps 1. Open the [latest release](https://github.com/harshpreet931/harshpreet-hand/releases/latest) and download `HarshpreetHand-Regular.ttf` and `HarshpreetHand-Bold.ttf`. 2. Double-click each .ttf file and choose Install, or copy them into your system fonts folder. (inferred, check the README) 3. Restart the app such as Figma, Keynote or Word if it was open. 4. Pick "Harshpreet Hand" from the font menu and apply it to a text box. 5. Check that the calt variants are active if your app supports OpenType features, since the README says calt is on by default. ### Prompt to paste into your agent ```text From the release of repo harshpreet931/harshpreet-hand, download HarshpreetHand-Regular.ttf and HarshpreetHand-Bold.ttf and install them on this machine for . Output the install location and the font name shown in the app's font menu. Verify that a sample line typed in renders in the handwritten face. ``` ### Caveat The README says the font can be used in personal or commercial work but cannot be sold on its own under the SIL Open Font License 1.1. Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/harshpreet931-harshpreet-hand/install-handwriting-font-for-design-tools/ ## How to rebuild the font and tune its spacing or weight with Harshpreet Hand Repo: [harshpreet931/harshpreet-hand](https://github.com/harshpreet931/harshpreet-hand) | Difficulty: Intermediate | Time: 30 minutes | Basis: From the README Run the pipeline locally, then change spacing or nib weight and rebuild the font. **Who it is for:** A developer or type tinkerer who wants to reproduce the font or make a lighter or heavier version. **The problem:** A font that looks slightly off in spacing or weight needs its build settings adjusted and regenerated without starting from scratch. **The outcome:** A fresh set of dist/ font files built from the pipeline, with the chosen spacing or weight applied. ### Steps 1. Install potrace with `brew install potrace` or `apt install potrace`. 2. Install Python dependencies with `python3 -m pip install -r requirements.txt`. 3. Run the full build with `pipeline/run_all.sh`, which the README says takes about 10 minutes. 4. Edit `WEIGHTS`, `SB` or `SPACE` in `pipeline/build_font.py`, then run `pipeline/run_all.sh font` to rebuild only the font. 5. Open `dist/specimen.html` to check the new spacing and weight. ### Prompt to paste into your agent ```text In the repo harshpreet931/harshpreet-hand, install potrace and requirements.txt, run pipeline/run_all.sh, then change the Regular pen value in WEIGHTS in pipeline/build_font.py to and run pipeline/run_all.sh font. Output the rebuilt file list in dist/ and the new WEIGHTS line. Verify by confirming dist/specimen.html opens and the Regular file timestamp updated. ``` ### Caveat The README notes the font has no hinting, so it is not tuned for tiny text on old Windows ClearType even after a rebuild. Disclaimer: Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk. Full text: https://dedupedai.com/disclaimer/ URL: https://dedupedai.com/use-cases/harshpreet931-harshpreet-hand/rebuild-font-and-tune-spacing/