About Typography.my

A free browser-based tool for testing typefaces, modular scales, and typographic settings against real content. Adjust fonts, sizes, weights, tracking, and line heights in the sidebar; the preview updates live. When you're happy with the result, copy the CSS.

How to Use

Scale

Set a base size and ratio. Every heading level is derived mathematically: base × ratioⁿ. Smaller ratios (1.2) produce subtle hierarchies; larger ones (1.618) create dramatic contrast.

Typography

Font weight, letter spacing, and measure (line width in ch) for body and headings independently. A measure of 50–75 characters is comfortable for sustained reading.

Fonts

Choose from system font stacks (no network request), individual system fonts, or the full Google Fonts library. Use the target toggle (Both / Body / Heading) to assign fonts independently.

Export

Click Copy CSS to get a complete :root block with custom properties, ready to paste into any project.

Shareable URL

Settings are encoded in the URL query string automatically. Copy the address bar to share a configuration.

+ URL tab

Load any locally-hosted page to test typography on your own content. Same-origin only; cross-origin pages are blocked by the browser.

Other Free Typography Tools

Privacy

Everything runs in your browser. No server, no backend, no data leaves your machine. Google Fonts are loaded directly from Google's CDN. There are no cookies or tracking.