Home Making Good Typography on the Web Easier: Google Introduces Font API and Directory

Making Good Typography on the Web Easier: Google Introduces Font API and Directory

Google just launched a font directory and a font API that will make it easier for web developers and publishers to use high-quality open source fonts on their sites. Good typography on the web is still in its infancy, but Google wants to make it easier for developers to use a wider variety of fonts on the Web that go beyond the standard set of “web-safe” fonts that come pre-installed on most modern computers.

The Google Font API uses Google’s infrastructure to automatically convert a font into the right format for whatever browser the user is using. According to Google, these fonts also work well with CSS3 and HTML5 styling.

WebFont Loader

Google also worked with Typekit to develop an open source WebFont Loader, a JavaScript library that allows developers to easily integrate Web fonts into their Web products. Today, different browsers tend to treat web fonts very differently. As Google notes, Firefox, for example, will load a page and display the fallback font until the Web font is loaded. Chrome and Safari, on the other hand, won’t display any text until the font is fully downloaded and Internet Explorer “sometimes won’t render any content at all until the web font is available.” This even works for older browsers like Microsoft’s Internet Explorer 6. Developers can use the WebFont loader to access fonts from Google, as well as from Typekit and other vendors.

Google’s font directory currently features 18 fonts (some with multiple variants), including the popular Droid fonts. For now, Google is only supporting Western European languages, but the company expects to offer support for a more diverse set of languages soon.

About ReadWrite’s Editorial Process

The ReadWrite Editorial policy involves closely monitoring the tech industry for major developments, new product launches, AI breakthroughs, video game releases and other newsworthy events. Editors assign relevant stories to staff writers or freelance contributors with expertise in each particular topic area. Before publication, articles go through a rigorous round of editing for accuracy, clarity, and to ensure adherence to ReadWrite's style guidelines.

Get the biggest tech headlines of the day delivered to your inbox

    By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.

    Tech News

    Explore the latest in tech with our Tech News. We cut through the noise for concise, relevant updates, keeping you informed about the rapidly evolving tech landscape with curated content that separates signal from noise.

    In-Depth Tech Stories

    Explore tech impact in In-Depth Stories. Narrative data journalism offers comprehensive analyses, revealing stories behind data. Understand industry trends for a deeper perspective on tech's intricate relationships with society.

    Expert Reviews

    Empower decisions with Expert Reviews, merging industry expertise and insightful analysis. Delve into tech intricacies, get the best deals, and stay ahead with our trustworthy guide to navigating the ever-changing tech market.