PenWork
🔤

How to Upload and Use Your Own Custom Fonts

Upload any .ttf, .otf, .woff, or .woff2 font file and use it as your personal handwriting style. Your font stays on your device — nothing is ever sent to a server.

📖 4 min read·7 steps

Step-by-step guide

  1. 01

    Find or create your font file

    You need a font file in .ttf, .otf, .woff, or .woff2 format. You can use any handwriting font from Google Fonts (download the .ttf), create your own handwriting font with a free tool like Calligraphr, or use a font you already have on your computer. Penwork supports all four formats.

  2. 02

    Open Penwork and scroll to the Font section

    Go to penwork.tech and enter your text in the editor. In the settings panel on the left, click the '✍ Font & Size' section to expand it. You will see the built-in font grid plus an 'Upload your own font' button at the bottom.

  3. 03

    Click 'Upload your own font' and select your file

    Click the '⬆ Upload your own font' button and choose your .ttf, .otf, .woff, or .woff2 file. The font is loaded entirely in your browser using the FontFace API — it is never sent to any server. Your font will appear as a new option in the font grid immediately after upload.

  4. 04

    Select your uploaded font from the grid

    After uploading, your font appears at the bottom of the font grid with a custom badge. Click it to select it. The live preview updates instantly, showing your text in the uploaded font. The display name is taken from the filename (without the extension).

  5. 05

    Adjust font size, letter spacing, and ink width

    Use the Font Size slider (14–36 px) to scale the text up or down. Letter Spacing adds extra space between each character — useful for fonts that feel too tight. Ink Width controls the stroke weight of the handwriting overlay that adds natural pen pressure variation.

  6. 06

    Your font is saved for this session

    Penwork stores your uploaded font in your browser's localStorage so it persists between page reloads without requiring a re-upload. If you clear your browser storage or use a different device, you will need to upload the font again.

  7. 07

    Generate and download as PDF

    Once the live preview looks right, click 'Generate' to render all pages with your custom font, then 'Download PDF'. The PDF is created entirely in your browser — your font data never leaves your device.

Supported font formats

FormatFull nameCompatibilityBest for
.ttfTrueType FontUniversal — works in all browsersMost downloaded fonts from Google Fonts
.otfOpenType FontAll modern browsersProfessional fonts with advanced typography features
.woffWeb Open Font FormatAll modern browsersWeb-optimised fonts, smaller file size
.woff2Web Open Font Format 2All modern browsersBest compression, fastest load time

Tips for custom fonts

✍️

Handwriting fonts from Google Fonts work perfectly — try 'Satisfy', 'Dancing Script', or 'Kalam' for inspiration when creating your own style.

🖊️

Calligraphr (calligraphr.com) lets you trace your own handwriting on a template and export it as a .ttf — making truly personal notes.

📝

If your font looks too condensed, use the Letter Spacing slider to add 1–3 px of breathing room between characters.

⚖️

Reduce the Ink Width slider to 0.5–0.7 for thin, delicate fonts like Reenie Beanie. Increase it to 1.5–2.0 for thick marker-style fonts.

🗑️

To remove a custom font, click the '✕' button next to it in the font list. This also clears it from your browser's localStorage.

Ready to use your own font?

Open Penwork, upload your font file, and download handwritten notes in your personal style — completely free, no account needed.

Frequently asked questions

Does my font get uploaded to a server?
No. Penwork uses the browser's FontFace API to register your font locally. The file never leaves your device and is not sent anywhere.
Which font formats does Penwork support?
Penwork supports .ttf (TrueType), .otf (OpenType), .woff, and .woff2. These cover the vast majority of font files you are likely to encounter.
Why isn't my font showing in the preview?
Some fonts take a moment to load after upload. Wait a second and the preview should refresh. If the font still doesn't appear, make sure the file isn't corrupted by opening it in another application first.
Can I use multiple custom fonts at once?
You can upload multiple fonts and they all appear in the font grid, but only one font is used for the body text at a time. You can set a different font for the page header separately.
Will my uploaded font be there after I refresh the page?
Yes — Penwork saves font data to your browser's localStorage, so the font persists across page reloads on the same browser and device. Clearing your browser storage or using a different device will require re-uploading.
How do I create my own handwriting font?
Tools like Calligraphr (free tier available) let you trace your own handwriting on a template sheet and generate a .ttf file. Once you have the .ttf, upload it to Penwork in under a minute.