fonts - ReadWriteWeb http://www.readwriteweb.com/feeds/tag/fonts en Copyright 2012 Richard MacManus readwriteweb@gmail.com Tue, 14 Feb 2012 10:45:00 -0800 http://www.sixapart.com/movabletype/?v=4.35-en http://blogs.law.harvard.edu/tech/rss Browser Makers Back Open File Format for Expanded Web Font Palette comicsans_aug10.jpgAre you sick of seeing Arial, Verdana, Times New Roman and other boring, overused fonts (I'm looking at you, Comic Sans) all over the Web? For years, browser compatibility and font licensing issues have led to the proliferation of a handful of "Web-safe" fonts. Soon, however, all that could change with a proposed file format that seeks to broaden the web designer's font palette, making aesthetic Web typography easier, international and searchable.

]]> w3c_aug10.jpgIf widely accepted, the Web Open File Format (WOFF) - an experimental format being developed by the recently founded WebFonts Working Group of the World Wide Web Consortium (W3C) - could theoretically provide developers with "limitless typeface choice." Browser industry leaders Microsoft, Mozilla, Google and Apple have all begun testing the format, and font editors and foundries are already releasing WOFF fonts.

"It's been exciting to see font designers and vendors come together with browser developers and other industry experts to create a standard that will open up new typographic possibilities for web authors," says Jonathan Kew of Mozilla. "I anticipate that in the coming few years, the Web will be greatly enriched by the availability of a wide range of high-quality typefaces for many languages and all kinds of design needs."

quickbrown_aug10.jpgLanguage support is just one of the many benefits of expanded font choice on the Web aside from making text prettier, clearer and in-line with branding. Since unique typefaces require the use of images to be displayed properly across the Web, the text is largely invisible to search engines. Removing the crutch of image-based typography will have a significant impact on to improving typographic search engine optimization (SEO).

Eliminating typographic images also opens to the door to increased accessibility to the blind, who rely on text-to-speech programs. Members of the Web Fonts Working Group will be participating in a panel discussion on the WOFF at the end of the week at TypeCon 2010 - a conference for typographic enthusiasts. If the current state of testing and interest says anything, we could see a much broader set of fonts throughout the Web very soon.

Photo by Flickr user stevekeys.

]]> Discuss]]>
http://www.readwriteweb.com/archives/browser_makers_back_open_file_format_for_expanded_web_font_palette.php http://www.readwriteweb.com/archives/browser_makers_back_open_file_format_for_expanded_web_font_palette.php Web Development Tue, 17 Aug 2010 14:30:00 -0800 Chris Cameron
Making Good Typography on the Web Easier: Google Introduces Font API and Directory google_font_logo_may10.jpgGoogle 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_font_directory.jpgGoogle 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.

]]> Discuss]]>
http://www.readwriteweb.com/archives/making_good_typography_on_the_web_easier_google_in.php http://www.readwriteweb.com/archives/making_good_typography_on_the_web_easier_google_in.php Google Wed, 19 May 2010 10:57:13 -0800 Frederic Lardinois
FontStruct: Font Making Made Easy FontStruct is a new online font creation tool from font seller FontShop that was officially launched last week. The site combines a Flash-based font maker (the Fontstructor) with a community site built around sharing, discussing, and building off of those fonts. FontStruct is free to use, as are all the fonts created using it.

]]> Creating fonts has never been a cheap endeavor. FontLab's Fontographer software costs about $350, while their FontLab Studio product costs over $600. Even their basic TypeTool product requires a $100 investment, and the FontCreator program from competitor High-Logic costs about $80. All rather pricey for someone who just wants to fool around and create a few fonts for fun.

FontStruct is a simple to use Flash tool that uses pre-made shapes to allow people to assemble simple fonts. While it can't create the most sophisticated fonts, it can create some pretty cool ones. All fonts created using the FontStruct app must be licensed using a Creative Commons license, which means that anyone can download and use the fonts for free -- though only fonts licensed without the "No Derivatives" clause can be cloned and used as the basis of new FontStruct creations.

Below is a font created using FontStruct and embedded using their sharing widget that lets users spread fonts they've made via social networking sites and blogs.

FontStruct automatically packages fonts as TTF files and makes them available for download on a special font page where other users can vote on that font and leave comments. Of course, FontStruct also serves as a marketing tool for the professionally made, paid fonts that FontShop sells -- one of which is advertised on almost every page of the FontStruct site. Even so, FontStruct is a really neat web application that makes it easy for anyone to create a TrueType font for free.

]]> Discuss]]>
http://www.readwriteweb.com/archives/fontstruct_font_maker.php http://www.readwriteweb.com/archives/fontstruct_font_maker.php Product Reviews Tue, 13 May 2008 10:20:22 -0800 Josh Catone