{"slug": "i-built-a-chrome-extension-to-stop-squinting-at-the-web", "title": "I built a Chrome extension to stop squinting at the web", "summary": "Typly is a lightweight Chrome extension that allows users to customize typography on any website by adjusting font size, line spacing, and contrast per HTML tag in real-time without breaking page layouts. Unlike standard browser zoom tools, it offers surgical control, such as enlarging body text while keeping headings unchanged, and supports saving presets for reuse across different sites. The extension is free, collects no data, and was created primarily for reading documentation and long-form articles, but also aids people with dyslexia, low vision, and developers testing typography.", "body_md": "We've all been there. You open an article, a documentation page, or a research paper — and the font is tiny, the line spacing is suffocating, or the contrast is just... bad. You squint, you zoom in, you lose the layout. It's frustrating.\nSo I built Typly.\nTyply is a lightweight Chrome extension that lets you customize typography on any website — per HTML tag.\nwhatever you want. You can adjust:\nChanges happen in real-time, and you can save presets to reuse your favorite styles across different sites.\nMost browser zoom tools change everything at once and break page layouts. With Typly, you're surgical. Want just the body text bigger but keep the headings as-is? Done. Want to swap a site's tiny sans-serif body font for something more readable? Two clicks.\nI built it primarily for myself — I spend a lot of time reading documentation and long-form articles, and I got tired of fighting with poorly designed websites. But it turns out it's also genuinely useful for:\nPeople with dyslexia or low vision who need specific font adjustments\nDevelopers and designers testing typography on live pages\nStudents and researchers reading for hours at a stretch\nGetting per-tag style injection to work cleanly across wildly different websites was harder than I expected. Sites with aggressive CSS specificity (!important everywhere, shadow DOM components) pushed me to rethink the injection approach a few times. The real-time preview also required some careful debouncing so it doesn't hammer the DOM on every keystroke.\nIf you spend any meaningful time reading on the web, give it a shot:\nTyply on the Chrome Web Store\nIt's free, collects zero data, and weighs in at just 1.26MB.\nWould love feedback — especially from anyone who uses it for accessibility purposes. What features would make it more useful for you?", "url": "https://wpnews.pro/news/i-built-a-chrome-extension-to-stop-squinting-at-the-web", "canonical_source": "https://dev.to/kostandinosvas/i-built-a-chrome-extension-to-stop-squinting-at-the-web-1o4c", "published_at": "2026-05-23 08:15:56+00:00", "updated_at": "2026-05-23 08:31:47.536456+00:00", "lang": "en", "topics": ["developer-tools", "products"], "entities": ["Typly", "Chrome"], "alternates": {"html": "https://wpnews.pro/news/i-built-a-chrome-extension-to-stop-squinting-at-the-web", "markdown": "https://wpnews.pro/news/i-built-a-chrome-extension-to-stop-squinting-at-the-web.md", "text": "https://wpnews.pro/news/i-built-a-chrome-extension-to-stop-squinting-at-the-web.txt", "jsonld": "https://wpnews.pro/news/i-built-a-chrome-extension-to-stop-squinting-at-the-web.jsonld"}}