Fonternate

Fonternate is a designer-friendly Chrome extension that gives you real-time control over typography on any website. Whether you're testing a custom font, comparing styles, or fine-tuning type settings, Fonternate lets you switch fonts, weights and advanced OpenType features instantly, all without touching your site's code.

Key Features:
• Font Family & Weight Selection: Enter any font family name (e.g., "Helvetica", "Inter", "Montserrat") and choose from weights 100–900 with ease.
• Advanced OpenType Controls: Toggle ligatures (standard + discretionary), stylistic sets (ss01-ss20), swash levels, contextual alternates, and more.
• Typography Fine-Tuning: When using Specific Styles, adjust tracking (letter-spacing), font size, and leading (line-height) with intuitive sliders that update in real-time — no Apply button needed.
• Specific Styles Targeting: Apply font overrides to specific HTML elements (h1, h2, h3, p, span, div, etc.) for precise typographic control.
• Live Preview on Any Page: Click the extension icon, apply the changes and see your font override immediately on the current page. Use "Previous" to switch back, or "Reset" to restore defaults.
• Persistent Settings: Your preferences are saved locally so your overrides persist across sessions — no external tracking or analytics.
• 100% Privacy-First: Fonternate does not collect or transmit any personal data. All settings stay on your device.

Who it's for:
If you're a designer, typographer, UI/UX professional, or simply someone who wants to test how fonts perform in real-world contexts, Fonternate offers a fast and flexible way to experiment.

How to get started:
1. Click the Fonternate icon in the Chrome toolbar.
2. Enter the font family name you want to test.
3. Choose a weight (100-900), toggle OpenType features as needed.
4. (Optional) Enable "Specific Styles" to target specific elements and fine-tune tracking, size, and leading with real-time sliders.
5 .Click APPLY to preview changes on the site.
6. Use PREVIOUS to revert quickly or RESET to clear all overrides.

Technical Highlights:
Built with Manifest v3 for modern Chrome extension compliance.
Designed with TypeScript + React + Tailwind CSS for fast, modular UI and clean code.
Non-destructive injection: the original site styles remain untouched under the hood.

Launch Notes & Support:
If the font override doesn't appear immediately, make sure the font family name is spelled exactly as installed on your system. Also check your console for any injection issues.

For updates, feature requests or bug reports, please visit the GitHub repository at https://github.com/yellow-type-foundry/fonternate
Proudly made in 🇻🇳 Vietnam!