Test your fonts across the web!
Type-X is a Google Chrome extension that makes it easy and efficient to test local fonts on any website.
• Browse comfortably to experience your own fonts in context, with blazing-fast font injection and a one-click override.
• Use your local fonts or add custom font files directly to test real web font files – WOFF & WOFF2 included (all fonts stay on your computer).
• Loaded variable fonts allow full control over variable axes, complete with sliders.
• Take full control over how you apply your fonts with custom CSS selectors and styles.
• Avoid "tofu" from icon fonts with preset and custom selectors to ignore icon elements.
• Bonus: light and dark UI modes respond to your computer's preferences.
WHY? WHO’S IT FOR?
Type designers spend countless hours creating type proofs and fake designs to test their fonts. This is a vital part of the type design process, but sometimes the best way to understand how a font works (and what needs fixing) is to experience it as a reader, not as a designer.
Likewise, web designers & developers spend a lot of time guessing what different fonts might look like in their apps, but testing actual fonts in context requires someone to either dig into the CSS or to mess with clunky CSS-override browser extensions.
Additionally, almost anyone may have reasons they want to easily override fonts on the web. Maybe they are trying out a new typeface and want to get an idea of what it feels like to look at, read, and use. Maybe they just prefer to browse the news in a particular font.
Whatever reason you want to override fonts, Type-X makes it fast, easy, and fun. Just visit any webpage, then hit a button to swap fonts! Open the extension’s settings panel to try different fonts from your collection, just like you would in a desktop app. Need to tweak the styles to make it work just-so? Customize the selectors you target and the CSS styles you apply, all within the extension.
WHO MADE IT?
Type-X was made by Arrow Type (Stephen Nixon) & Pixel Ambacht (Roel Nieskens). Stephen wanted a better way to test new fonts in the context of real websites, and Roel wanted to make a "portable" version of his dedicated font-inspection website, Wakamai Fondue. Fun fact: it's called "Type-X" as a nod to a common brand of white correction fluid used in the hand-drawing of sketches for type design.
IS IT SAFE?
We are still adding some final tweaks and fine-tuning some features in Type-X, so things will improve over time. Find something that seems like a bug, or have a question about how to use this? Head over to the GitHub repo and read the instructions there, and feel free to file an issue if that doesn't answer your question! https://github.com/arrowtype/type-x