Launched! See the new browsing UI on Typekit today
Back in August we shipped a preview for a major update to Typekit’s font browsing interface, and many of you have helped us test it and offered great feedback over the last few weeks. Today we’re excited to release Typekit’s new look to everyone, along with a few additional improvements we’ve made since last month’s preview release.
What’s new in Typekit’s UI
First off, Typekit now has a beautiful new responsive design. Our font browser and family detail pages now look great on screen sizes ranging from phones to giant widescreen displays. We’ve optimized them for touchscreens too, so Typekit works well on iPad Pro as well as hybrid PCs like the Surface Pro.
Expanded font previews: We built wider type previews in both browsing and family pages, with custom sample text and full support for our default character set.
Simpler filters & navigation: The new My Library collection, which you can select from the new and improved scope bar, shows all the fonts you can use with your plan, including any fonts you may have purchased from some of our foundry partners for use on Typekit. We also simplified filtering by sync or web use to a simple checkbox that shows or hides web-only families, and last but not least, we made it possible for you to reclaim some screen space by hiding the filter bar once your selections are dialed in.
More expansive font families: We reorganized fonts into new, more typographically expansive families, combining all the widths, optical sizes, or other variants of a typeface in a single unit. For instance, the family page for Acumin now shows all 90 styles, where before that typeface was spread across five different pages.
New family pages: We added a new Sync button next to each syncable font on family pages, allowing you to add or remove a font from your sync selections with a single click. Those pages also now include a Details tab, giving you a wealth of “back of the baseball card” information about each font in a family: how it’s named in both font menus and CSS, detailed web font specimens, language support information, and more.
Lastly, we made some nice improvements to pagination and filtering, to make navigating our catalog smoother and easier.
Added since the Early Access release
Of course, we didn’t stop working after our Early Access release. Here’s what you’ll see today in addition to all that:
Redesigned search pages. Typekit search now shows our new, bigger families, and we’ve updated the look of the search page to match the rest of the redesigned UI. Search by typeface, designer, or foundry, and we’ll show you everything we’ve got.
Big localization improvements: Last month’s Early Access release was largely complete for English-speaking, Latin-script-writing users, but was missing some features and translations for our international customers. Typekit’s new UI is now localized into Japanese, French, and German, and the new inline type tester on family pages now also supports previewing Japanese and other non-Latin fonts.
Little fixes: Though the new Typekit was already noticeably faster in some places than our previous interface, we didn’t stop there—we’ve improved web font loading performance throughout the site. When browsing fonts, family cards now consistently show regular-weight fonts, and your browsers should now automatically scroll back to the top when flipping between pages.
See something we missed? Have feelings about that shade of green? We’d love to hear your feedback. Let us know what you think.
Updated October 10:
We’ve had some questions on the redesign, and so are calling out two of the changes here for clarity:
How do I filter out the web-only families, so I can see what is available for sync use?
We’ve changed how this works a little — you can now uncheck the ‘Include web-only families’ checkbox to view only families which include fonts that you can sync to your computer.
Hey, where’s my “sync all” option?
Some of the families have dozens of variations, so syncing them all would quickly push many users over the sync limit on their Typekit plans. The option to sync an entire family in one go is gone for now; we’re thinking about the best way to handle it in the new, expanded family detail pages.