We’re making it easier than ever to search typekit.com for fonts by adding OpenSearch support to our homepage. Now you can add Typekit search functionality directly in your browser and search for fonts from anywhere, not just the Typekit search box (though it’ll still be there on our Fonts page).

OpenSearch works in slightly different ways for each browser. If you’re on Firefox, visit typekit.com, click on the search engine icon in the address bar, and you should see the option to ‘Add Typekit.’ Once added, you can use this option to search directly for fonts by name on Typekit.

Using OpenSearch functionality in Firefox

In Chrome, just type ‘typekit.com’ in the address bar, and a note will appear on the right side of the bar, prompting you to press tab to search.

OpenSearch functionality in Chrome

Press tab, and then proceed to search for font names directly from the converted address bar.

OpenSearch functionality in Chrome, showing converted address bar.

The results page will feature fonts matching your search terms, as well as any matching lists or articles from the blog.

OpenSearch functionality in Chrome, showing results page.

Thanks to our engineer Nelson Crespo for pulling this together!

Update: The desktop font sync feature is now rolling out in limited batches. Read our update to learn how to sign up for early access.

Great typography is critical to great design, so great typefaces should be easily accessible everywhere they’re needed. Typekit has spent the last four years bringing type to the web, and today we’re giving you a sneak peek at the next step in our evolution: desktop fonts and web fonts together in a single subscription.

We’ll be making fonts in the Typekit library available for desktop use, starting with 175 font families from 7 top-tier foundries. You’ll be able to sync them to your desktop and use them in all your applications for web mockups, print design, word processing, and more.

Here’s Typekit’s own Ben Welch to show you how it works:

Desktop font syncing is a part of the next major update to Adobe Creative Cloud, which was just announced this morning and will launch in mid-June. (Watch the keynote here.) Desktop fonts will be included with Typekit Portfolio, Performance, and Business plans, as well as paid Creative Cloud subscriptions.

In the coming weeks, we’ll be publishing in-depth explorations of the typefaces coming from each participating foundry partner: Adobe, exljbris, FontFont, Mark Simonson Studio, ParaType, TypeTogether, URW++, and Dalton Maag. Keep an eye on the blog!

We are pleased to announce that, starting today, Typekit is available in French. Over the last several months we’ve worked hard to translate and localize our user interface, touching on details from font browsing to account management. We’re also rolling out new homepage designs in both French and English, with the French version featuring type from Typofonderie.

Screenshot of French Typekit site

If your browser or operating system’s default language is set to French, you should see the French version of Typekit automatically. If you’d like to switch languages at any time, just look for the “Change Language” links in the footer of any page, and click on the language you prefer.

Footer links on French Typekit

In addition to localizing our user interface, we’ve added French-speaking representatives to our support department. Customers can reach these representatives via email at support+fr@typekit.com or via Twitter at @typekit_fr.

What you’ll see en français

While we’ve worked hard to build a great experience for our French users, there are some small differences between the English and French versions of Typekit that we’d like to call out.

  • Lists are not yet available in French, and so have been hidden from our site navigation on the French site. French users will still be able to link directly to a list via its URL, but the text will be displayed in English.
  • We’re unable to offer our full-text search feature to non-English users at this time. French users will, however, still be able to search for fonts by name.
  • Finally, sample text and web font specimens are not being translated.

Vos remarques, s’il vous plaît

We’re excited to welcome French-speaking users into the Typekit community, and will continue to develop features in all supported languages as quickly as we can.

Is there anything you’d like to see next? Spot any oversights? Please don’t hesitate to contact us with your thoughts on how you’d like this site to grow! We look forward to seeing this new branch of the Typekit community take shape.

New list: code fonts

October 23, 2012

We have added a new list to Typekit: code fonts. These are perfect for code samples, live editing, and readme-style documentation. Included among the tried and true members of this list is a handsome newcomer, Adobe’s own Source Code Pro.

Source Code Pro is clean and understated, with good balance.

Code fonts are monospaced, with clearly distinguishable characters.

Lists are a great way to browse for fonts, especially if you aren’t sure what you need. Use them to generate ideas or learn more about the fonts in our library. Looking for a list we don’t have? Suggest one in the comments.

Back in January of 2010, Typekit released samples of all our fonts in every platform and on every browser we support. Today, we’re announcing an update to these browser samples which adds new browsers, a new look, and a new approach to browser updates.

The new browser sample: a larger range of font sizes, the latest browser version, and no underlines.
The new browser sample: a larger range of font sizes, the latest browser version, and no underlines.

Browser samples are a great way to evaluate the rendering quality of a font on different platforms and browsers. As we’ve discussed in the past, there are many factors that can affect font rendering. Some fonts are designed for use at large sizes while others do well when set small. When choosing a font, it’s helpful to be able to check the rendering across the major browsers and platforms without having to publish a kit and make a test page first. Browser samples make this possible.

Since we first launched browser samples, the browser landscape has changed quite a bit. Originally, Chrome was the only browser on a rapid and automatic upgrade cycle. Today, most browsers are releasing updates frequently and automatically, and the ones that don’t yet are moving in that direction. As such, we’ve updated our collection of browsers to reflect this new reality: we are now taking screenshots in the latest released version of each browser, and we’ll be keeping the browsers up-to-date over time. This means that we’ll also be re-taking the browser samples on a regular basis, so that you’re always seeing accurate and up-to-date rendering. Screenshots will also continue to be available for older versions of IE, because they’re not automatically updated and continue to see a meaningful amount of use. If you’re curious about the precise browser version that a particular screenshot was taken in, check out the version information at the bottom.

New browser samples will always be taken in a recently released version of each browser.
New browser samples will always be taken in a recently released version of each browser.

We’ve also updated the look of screenshots to be more useful. We now include additional font sizes — from a tiny 10 px up to a headline-sized 72 px — so that you can more accurately assess the rendering at a size near your target. We’ve also removed the underlines from our samples, since they were distracting and not very useful.

To check out the newly updated browser samples, just visit any font detail page (like this one for the lovely Freight Sans) and click on the Browser Samples tab. Then select a variation and choose from one of the OS and browser options in the dropdown menus.

We will not be able to offer Monotype fonts for the foreseeable future; please read the Monotype fonts not coming to Typekit as announced blog post for more information.

The original blog post, while no longer relevant, is available below.

Since we started Typekit, we’ve worked hard to build a library of the world’s most important, useful, and hardworking fonts. In that time, we’ve been adding fonts weekly — yet there has been one foundry in particular with whom we’ve been eager to partner.

That’s why we’re very happy to announce that we’ve partnered with Monotype Imaging to offer some of their best fonts on Typekit.

Everywhere you go in the world today — whether you realize it or not — you see typefaces from Monotype. Soon, we’ll be adding over 1,000 of those fonts to our service, available as an upgrade to any Typekit plan. That means you’ll have access to some of the world’s most historically important fonts, including the complete families of Helvetica Neue, Avenir, Univers, ITC Garamond, Frutiger, and many more.

We will also be offering the Adobe Originals type collection via the Monotype Fonts.com web font service, with all the features and functionality they offer.

It’s a remarkable partnership, and we couldn’t be happier about it. As we get closer to launching, we’ll have more details to post here on our blog — so stay tuned.

As part of our efforts to make web fonts more broadly accessible and easy to use, we’re excited to introduce Adobe Edge Web Fonts, a new free web font service.

Edge Web Fonts features hundreds of web fonts, including a sampling of fonts from the Adobe library as well as a large collection of open source fonts. Under the hood, the service is powered by Typekit: it uses the same standards-based method of serving fonts and makes use of the same global font serving network for speed and stability. But it’s completely free and requires no account or kit configuration — making it faster and easier to get started.

Google Web Fonts and Edge Web Fonts

We’ve partnered with Google to make many of the open source fonts originally commissioned by the Google Web Fonts project available through Edge Web Fonts. At the same time, Adobe is contributing two open source fonts of its own — the recent Source Sans Pro and, announced today, Source Code Pro — to both the Adobe Edge Web Fonts and Google Web Fonts services.

In addition, Adobe will be applying its considerable font expertise to improving and optimizing a number of the open source fonts that are available in both Google Web Fonts and Edge Web Fonts. The teams from Typekit, Adobe Type, and Google Web Fonts are working to identify which fonts will benefit the most from our attention, and how we can best approach improving their rendering and performance. Efforts will include hinting some fonts for better rendering at smaller sizes, plus a number of other optimizations. All of these contributions will themselves remain open source.

We’re excited to be part of these efforts, and are glad to be once again partnering with our friends at Google to improve fonts on the web. Read more from Google here.

Available now

Starting today, you can use Edge Web Fonts in both Adobe Muse and Edge Code, a code editor based on the open source Brackets project. Next up, Edge Web Fonts will be available in the soon-to-be-released Edge Reflow, a tool for creating responsive CSS layouts and more. More integrations are upcoming with Adobe’s Edge Tools & Services.

But Edge Web Fonts isn’t limited to Edge tools — you’re free to use it with whichever tools you prefer. You can preview some of the best of the fonts here, where you’ll also find instructions on how to use them in your web projects. We’ve also made a list of all of the fonts in the Edge Web Fonts library available.

More tools for working with Edge Web Fonts are just around the corner. Stay tuned.

We’re constantly working behind the scenes to improve performance across our font network. Most of these changes are, by design, invisible to you or your visitors. But today we’re releasing some small but meaningful changes to our recommended embed code that will make font serving even better.

To benefit from these improvements, you need only update your sites to use the new embed code. Note that doing so is completely optional: all sites using the prior embed code will continue to work. But the new embed code offers a few performance improvements which we think you’ll appreciate.

Protocol relative URLs

Without further ado, here’s what the new embed code looks like:

<script type="text/javascript" src="//use.typekit.net/xxxxxx.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

The first change you’ll notice is that we’re now recommending “protocol-relative” URLs for our JavaScript link. Previously this was an absolute link, including the protocol (“http” or “https”); this caused headaches for sites with both secure and insecure sections.

The new link is relative to the protocol: if the page is being served over HTTP, then the JavaScript and fonts will load over HTTP; if the page is served over HTTPS, then the JavaScript and fonts will be, too. The new embed code works in all of our supported browsers, and is an easy way to ensure your fonts are always served over the best protocol for the current page.

New domain

The second change is that we’ve made all kits available at use.typekit.net in addition to use.typekit.com. These hostnames run on the same infrastructure and behave identically. The only difference is that the new domain does not have any cookies set on it, as recommended by both Google and Yahoo performance best practices.

Our font network has never set cookies or relied on cookies. However, use.typekit.com shares a domain name with our blog and website, both of which use cookies for functionality and analytics. If someone has recently visited typekit.com, and then visits a site with an embed code pointing to use.typekit.com, then extra cookies would be sent with any requests for fonts. By offering our fonts on a second domain name, we can avoid this unnecessary data being sent.

Official asynchronous embed code

Previously on this blog, Sean discussed a variety of approaches to loading Typekit fonts asynchronously. The upside of asynchronous loading is that, if a request for a kit is slow for any reason, it won’t block the rendering of the rest of the page. The downside is that it requires writing custom CSS to hide the flash of unstyled text that can occur while fonts are loading. That said, these patterns have been working very well for sites that need this capability, so we’re now including an option to generate the asynchronous embed code directly in the kit editor.

New advanced embed code in the kit editor

Select “advanced” to use the asynchronous embed code. You will need to write custom CSS to hide the flash of unstyled text.

Using the new embed code

You can find the new recommended embed code in the Kit Editor. There is no need to republish your kits to use the new embed code; simply copy and paste the new embed code into your sites.

As always, if you have any questions about this, please reach out to support@typekit.com and we’ll get back to you right away.

New lists

June 6, 2012

By popular demand, we’ve added four new lists to Typekit: geometric sans serifs, grotesque sans serifs, humanist sans serifs, and humanist serifs.

Geometric sans serifs

Geometric sans serifs are constructed of straight, monolinear lines and circular or square shapes.

Grotesque sans serifs

Grotesque sans serifs have shapes and proportions that are fairly uniform, with low stroke contrast.

Humanist sans serifs

Humanist sans serifs are calligraphic in structure, often with higher stroke contrast than other sans serifs.

Humanists serifs

Sometimes called “Old Style,” humanist serifs are the very first kind of Roman typeface.

Lists are a great way to browse for fonts if you aren’t quite sure what you’re looking for. Use them to generate ideas or learn more about the fonts in our library.

Looking for a list we don’t have? Suggest one in the comments.

Today, we’re excited to announce the launch of Adobe’s Creative Cloud service, a new subscription service that gives you access to all of the Adobe Creative Suite applications, plus touch apps, and services — including Typekit. What’s more, Creative Cloud includes tools for file sharing, collaboration, and publishing, and new apps and features will be available to members as soon as they are released. You can read more about Creative Cloud (and what’s in store for the future) from Typekit’s founder, Jeff Veen.

If you subscribe to Creative Cloud, you’ll receive a Typekit Portfolio plan along with your subscription. You will get all the applications that come with Creative Suite and a Typekit account with access to our full library — for just $49.99 a month. (If you’ve previously purchased Creative Suite 3 or later, your first year of Creative Cloud will cost just $29.99 a month.)

If you are a current Typekit user on the Personal, Portfolio, or Performance plans, you will be able to upgrade to a Creative Cloud subscription. When you do so, you’ll receive a prorated refund for the time remaining on your current Typekit plan. But this upgrade is optional: if you prefer, you can stick with your current Typekit plan just as it is. All of Typekit’s plans will continue to be available standalone through typekit.com.

In order to take advantage of Creative Cloud (and receive your refund, if appropriate), you must first update your Typekit account to use Adobe ID. Your Adobe ID will allow us to link your Creative Cloud subscription to your Typekit account. Read on to learn how to link your existing Typekit account to a new Creative Cloud subscription.

If you’re new to Typekit, getting started with Creative Cloud and Typekit couldn’t be easier. Learn how you can start using Typekit with your Creative Cloud subscription right away.

As always, if you have any questions, feel free to ask them here or reach out to support@typekit.com.