TYPE DESIGN INFORMATION PAGE last updated on Wed Oct 22 11:25:41 EDT 2014

SEARCH THIS SITE:
IMAGE SEARCH:


Web fonts



[Headline set in Bublik (2004, Oleg Karpinsky, Paratype)]

Luc Devroye
McGill University
Montreal, Canada
lucdevroye@gmail.com
http://luc.devroye.org
Up to main font page
Up to main font index page



SWITCH TO INDEX FILE


24 Ways
[Jon Hicks]

Jon Hicks gives a clear mini-tutorial on how to display icons in web pages using fonts (with icon symbols in them) and data-attributes using simple CSS definitions. [Google] [More]  ⦿

Adam Pope
[Google and Web Fonts]

[More]  ⦿

Adobe + TypeKit

In 2010, Adobe started offering web fonts via TypeKit for a fee---only Adobe Garamond is free. The fifteen re maining families are Adobe Text, Bickham Script, Caflisch Script, Chaparral, Cooper Black, Cronos, Garamond Premier, Hypatia Sans, Minion, Myriad, Myriad Condensed, News Gothic, Poplar, Rosewood, Rosewood Fill, Trajan, and Voluta Script. Mike Duggan : based on what I have seen so far at the Typekit site, the hinting does not appear to be as good as in the Adobe Web fonts of old. [Google] [More]  ⦿

Adobe Edge Web Fonts

Adobe offers a free web font service in partnership with Google. Initially, there are about 500 fonts to choose from. They appear to coincide largely with the Google Web Fonts. Adobe's contributions consist of Source Sans Pro (2012), Source Serif Pro (2014), and Source Code Pro.

They write: 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.

Since the Adobe font preview is anemic, Yvo Schaap published this font preview. Peter Chon has another preview. And here is Tony Stuck's preview.

Github download site. CTAN archive link. Source Serif Pro at Google Web Fonts. Source Sans Pro at Google Web Fonts. [Google] [More]  ⦿

Alex Pankratov on Web Fonts

Pankratov's advice in June 2011: @font-face for Mac, Cufon for everyone else. Some discussion follows with two points of interest, the fact that zooming---a common Apple ferature---makes Cufon files look pixelated, and the observation that Cufon-ed files are not text accessible. [Google] [More]  ⦿

Armand Niculescu
[The sad state of web fonts embedding]

[More]  ⦿

Attila Korap

Font technology specialist at Linotype, Germany. He was born in Manisa (Turkey) in 1974 and grew up in Marburg (Germany) before moving to Frankfurt in 1994. He studied political science and computer science at the Johann-Wolfgang-Goethe Universität and later at the Fernuniversität Hagen. He joined Linotype as an intern in 2000 before becoming the full time Font Technology Specialist in 2002. At ATypI 2008 in St. Petersburg, he spoke about Automation in font production. Speaker at ATypI 2011 in Reykjavik on the topic of web fonts. [Google] [More]  ⦿

Bert Bos

Bert Bos studied Mathematics in Groningen (1982-1987), and wrote a thesis about Graphic User Interfaces (1987-1993). He worked on an Internet browser and the surrounding infrastructure for the Faculty of Arts in Groningen and is now working for The World Wide Web Consortium on style sheets and math. He lives in Sophia Antipolis near Nice in France.

Author of Cascading Style Sheets---designing for the Web (3rd ed.) (2005, Hakon Wium Lie & Bert Bos).

He also created a free transitional family in metafont and opentype for use with TeX, Gladiator and Gladiator Sans (1991).

Klingspor link. [Google] [More]  ⦿

Brian Stell

Brian Stell works in the Font and Text team within Google's Internationalization Engineering group. He has been focused on engineering to make web fonts fast for all languages including Chinese, Japanese, and Korean.

Speaker at ATypI 2013 in Amsterdam: Roboto: faster than a speeding bullet. The abstract sounds interesting: This talk looks at the current status of Google's work to deliver fonts 'instantly' to Chrome users. With 'instant' fonts, website designers no longer have to choose between web fonts (that slow the site down) or 'web safe' fonts (that are only available in limited styles). Imagine being free to use your branding fonts in extra-light, book, normal, medium, bold, or ultra-bold - with italic, condensed, and slab variants. A brief overview of how the technology works is presented along with references to more information. Also discussed are efforts to make this work on other major browsers. [Google] [More]  ⦿

Bryan Mason
[Typekit]

[More]  ⦿

Chengyin Liu
[Whatfont Bookmarklet]

[More]  ⦿

Christopher Slye

Born in Los Altos, CA, he studied art history at the University of California at Santa Cruz and worked as a graphic designer until joining the type group at Adobe in 1997, where he assists with the design and production of Adobe's type library. He was (and still is) involved in the creation of Adobe's OTF fonts, and had a hand in both Myriad Pro (1992, with Robert Slimbach, Carol Twombly and Fred Brady) and Tekton Pro. At Font Bureau, he created Elmhurst (1997), a 7-style transitional family. Presently, he is Technical Product Manager, Type, at Adobe in San Jose.

FontShop link. MyFonts link. FontBureau link. Adobe link.

At ATypI 2011 in Reykjavik, he spoke on CFF on the web. The abstract is quite promising and the talk may quite opossibly be the highlight of the technical program at that meeting: Digital type outlines are described, for the most part, in either of two fundamental formats: PostScript or TrueType. Today, OpenType fonts convey PostScript outlines with CFF (the Compact Font Format), which is an optimized successor to the original Type 1 font format. Although the world of print output has been dominated by PostScript Type 1/CFF, the TrueType format has prevailed in the Windows and Mac OS operating systems. TrueType is well known for its accommodation for extensive hinting instructions, evident in many Windows core fonts which have become de facto standards on the web.In the explosion of web fonts during recent years, TrueType's reputation as a screen font format and its superior rendering in Windows browsers has made it a virtual requirement for those seeking consistency and quality in type rendering with web fonts. However, with recent improvements in text rendering from Microsoft's DirectWrite, CFF rendering quality will soon be comparable to TrueType in the next generation of Windows browsers. Despite its second class status on the web today, CFF still possesses advantages worth assessing as its rendering quality on screens approaches parity with TrueType. For example, CFF is inherently compact, and its PostScript (Bezier) paths are the default format for virtually all font designers. This presentation will explain the technical and practical advantages of the CFF font format and compare them to TrueType. It will examine what the future holds for CFF as a web font format, and make the case for CFF as a worthy, if not superior, solution for web typography.

Klingspor link. [Google] [MyFonts] [More]  ⦿

Colin Fahrion
[Comparing Open Source Fonts]

[More]  ⦿

Colormatch Remix

Automatic 9-color palette utility. [Google] [More]  ⦿

Colormatch5k

Automatic 6-color palette utility. [Google] [More]  ⦿

Comparing Open Source Fonts
[Colin Fahrion]

Comparison in May 2010 of the Google Font Directory fonts by Colin Fahrion. For each font, in Windows Cleartype, Windows Standard, and Windows No Aliasing modes, he list pixel sizes for which each font is "best viewed at or above", "ugly at" and "illegible at". Across the board, the Droid fonts outperform the others: The Droid Family is the only font in this set that I would use for body text. All others are only suitable for headers or display text. And I would avoid using Inconsolata, Tangerine, Josefin, and Cardo except at really large display sizes (36px or larger). [Google] [More]  ⦿

Conor Muirhead
[Icon Stacks]

[More]  ⦿

Context Font

Free Firefox add-on. It displays the size (in px), font-family (the one chosen by Firefox from the font-family listing), font-style, font-weight, and font-variant of selected text in the context menu. Also displays the downloadable font files for the font if specified by a @font-face rule. [Google] [More]  ⦿

Copyfight

Here we'll explore the nexus of legal rulings, Capitol Hill policy-making, technical standards development, and technological innovation that creates -- and will recreate -- the networked world as we know it. Among the topics we'll touch on: intellectual property conflicts, technical architecture and innovation, the evolution of copyright, private vs. public interests in Net policy-making, lobbying and the law, and more. [Google] [More]  ⦿

CSS Tricks: Icon fonts

A style sheet example for creating useful colored variabl-size icons for web sites. [Google] [More]  ⦿

CSS Type Set

CSS Type Set lets you experiment with different styles and attributes (such as font size, font weight, font family) of web typography. [Google] [More]  ⦿

Cufonfonts

The headline of this page is jibberish: Cufon plug-in directory for the most commonly used in the world you've made the font from which you access all the fonts cufon file. Anyway, there are a few thousand fonts here. The majority of fpnt downloads are not functional. One can also manually download Cufon style font files. Plus: nice font previews. Minus: no infrmation on the font creators. [Google] [More]  ⦿

Custom Fonts for the Web

We are in November 2008. The proposals for font usage on web pages are coming in from all sides. These include

[Google] [More]  ⦿

Cyrus Highsmith

Senior designer at Font Bureau since 1997, after graduating that year from the Rhode Island School of Design. Born in Milwaukee, WI, he now is a faculty member at RISD, where he teaches typography in the department of Graphic Design. He regularly offers a summer course on Digital Type Design, Summer Institute of Graphic Design, Rhode Island School of Design. His sketchbooks are now on line.

Author of Inside Paragraphs, written for a foundational typography course. Matthew Carter writes: Cyrus Highsmith takes the lid off a paragraph of type and shows its inner workings. There is nothing you need to understand about using type that's not in this book. Cyrus explains the correct terms for the typographic components of form and space that make a letter, a word, a line, a paragraph, and he does it with clear drawings, simple language, and a legible typeface for the text.

Interview at MyFonts.

Cyrus created wonderful typefaces such as Loupot (1997, with Laurie Rosenwald, based on the lettering on Loupot's St. Raphael poster), Eggwhite (2001, for comics), Relay (2002, a somewhat art deco sans serif family that will be in vogue for years to come!), Benton Sans (1995-2003, with Tobias Frere-Jones, a revival of Benton's 1903 family, News Gothic; see also Benton Sans Wide, 2013), Occupant Gothic (2000, angular), Prensa (2003, a simple 24-style serif family), Prensa Display (2012), Dispatch (1999-2000), Halo (2003), the 12-weight Stainless family (2001), and Daleys Gothic (1998). The Wall Street Journal uses his D4ScotchD4Scotch family (2001). He made a modified Palatino for the newspaper El Mercurio, and designed Zocalo or El Universal for the newspaper El Universal. He won Bukvaraz 2001 awards for Prensa and Relay.

His Amira (Font Bureau) and (Spanish-feeling) Zocalo (Font Bureau) won awards at TDC2 2004.

At ATypI 2004 in Prague, he spoke about the wealth of typefaces. In 2006, Escrow (Font Bureau) was published, an out-of-this-world 44-style subdued Scotch family that is used by The Wall Street Journal. In 2007, still at Font Bureau, he created Antenna, a 56-style sans family, as well as Biscotti, a delicate connected (wedding) script commissioned in 2004 by Gretchen Smelter and Donna Agajanian for Brides magazine.

His calligraphic copperplate script Novia (2007, Font Bureau) was commissioned to grace the pages of Martha Stewart Weddings.

Still in 2007, he won an award for his newspaper type family Quiosco (Font Bureau). Font Bureau writes: With Quiosco, Cyrus Highsmith continues an examination of themes and possibilities which he first explored in Prensa, inspired by the work of W. A. Dwiggins---specifically a dynamic tension between inner and outer contours. However, the crackling, electrical energy of Prensa here gives way to a more fluid, mercurial muscularity in Quiosco.

In 2008, he designed Scout for Geraldine Hessler's redesign of Entertainment Weekly, under the influence of DIN, Venus and Cairoli.

In 2010, at Font Bureau, he published the extensive families Ibis Text and Ibis Display, which he says were influenced by Walbaum (1919) and Melior (1952). The Webtype version IbisRE is poorly kerned / displayed in my browser though. From 2007 until 2010, he developed Salvo Sans (slabby) and Salvo Serif (Font Bureau), which were originally called Boomer Sans and Serif.

In 2012, he published Serge (an angular script family in three styles: a frisky, acrobatic face that dashes off decorative blurbs, signs, and headlines with a lively, angular zest), Heron Sans and Heron Serif at Font Bureau, which writes: Heron Serif and Sans are born of hard iron and steel, but galvanized with Cyrus Highsmith's warmth and energy.

In 2013, he published Icebox at Font Bureau---a font that is based on a set of magnetic letters found at a variety store.

Typefaces from 2014: Tick and Tock, two stencil styles.

Speaker at ATypI 2013 in Amsterdam: Don't design web fonts Its theme is: The successful type series of the future will be the ones that can move between media. He says that new typefaces should be smarter than the devices that use them.

View Cyrus Highsmith's typefaces.

Klingspor link. FontShop link. MyFonts interview. [Google] [MyFonts] [More]  ⦿

Dan Sayers

Dan Sayers (aka iotic) is an app developer and software engineer, who studied mathematics at Oxford from 1994 until 1998, and evoluionary systems at Sussex from 2008 until 2010.

He designed La Avería en El Ordenador (2011, OFL), an average of all 725 fonts on his computer. The fontfamily was split into Avería, Avería Sans and Avería Serif. Now, this may seem like a simple thing, but it is not! He took almost a year to complete this task, giving it a lot of thought. In the process, he created Font Path Viewer, a free web app for viewing the font outlines (with control points) of all fonts on one's system. He did the following clever thing: each font contour was split into 500 equal pieces (a serious exercise for Bezier fanatics), numbered from 1 to 500, and all 500 positions were averaged (over the fonts on his system) to obtain Avería. Interpolations between fonts have been attempted before (see Superpolator, or Font Remix), but to have it automated in this way is quite another achievement. More images of Avería: i, ii, iii.

Averia Serif Libre (2012) exists in six styles, and there are also the Averia Libre, Averia Sans Libre and Averia Gruesa Libre families. These are available from Google Web Fonts.

So, here is my small request for Dan: build an on-line tool, based on the Bezier outline cutting principle you pioneered, for interpolating between two typefaces. The user would submit two fonts, and the interpolation would be shown on the screen after a couple of seconds. I am sure you can do it!

Abstract Fonts link. Google Plus link. Dafont link. Fontspace link. [Google] [More]  ⦿

Dave Brezina on Web Fonts

The entire text below is due to David Brezina, 2010.

I think we (type designers) maintain an old illusion about how our market works. People do not buy fonts because they could not get them for free anywhere else. They buy them out of sympathy, understanding the value of our work and/or legal reasons. They could get them for free, easier, and faster (!). It is not that we would be shooting in our faces. It is more like we have been shot already. We already accepted the piracy as a burden of our business.

If I am right in this view, we do not need any kind of DRM. The expected "new" web piracy won't change a thing. I would very much like to see some study or educated estimate re this view. Or at least an authoritative opinion. It is crucial information for designers in order to evaluate the formats properly. Otherwise, they are just left aiming for the most security.

What we, however, want is a tool to limit webfont licences exclusively for web. We want to make a profit out of this #webrisk and keep distinction between web and print fonts. Why? If I am not sure whether opening my fonts for web use is going to make me money I would rather keep the new market separated from the old working one. That is the motivation behind the web-specific format. Acceptance of non-security, but limited to web.

Personally, I think that opening to web market is surely going to make a profit. An objectively, we are not going to have strictly (that is: not-convertible) webspecific format ever. Not with current technologies where the fonts are described with curves. The only option I see is bitmap fonts &c.

.webfonts is just bundled metadata with print font (we can have them in OT table as Berlow suggest, why another format simple-to-hack when most are not going to care?), EOT Lite is a very thin wrapper as far as I understood, but at least not so trivial. It will become easy convertible (assumption), but at least something. Typekit and similar tools offer only limited security by obfuscation. So far too easy to circumvent. These techniques are not imo worth complicating life of paying customers. Even though the interface is sexy, it is still another interface.

Therefore: prepare the fonts for web (have them subsetted, add web exclusive license, permission tables, and go naked! Or if you are shy, have EOT Lite.

Sidenote about obfuscation methods. Some of them impair the fonts' kerning and OT features. Not a good idea. My concern is purely of egoistic designer. With my limited abilities I tried to produce as good font as possible and I don't want crippled copies of my font ripped off from various webservices floating around. I want constant quality of my work world-wide, nothing smaller, if possible.

The very first person who paid a compliment to my typeface on web was the one who posted it on a Russian download server (being it ripped from my MATD PDF specimen). Just thought it illustrates the situation pretty well. :-) [Google] [More]  ⦿

Dave Crossland
[Embedded Open Type]

[More]  ⦿

Dave Gandy
[FontAwesome]

[More]  ⦿

Dave Rupert
[Lettering.js]

[More]  ⦿

David DeSandro

Designer, aka nemoorange, who used FontStruct in 2008 to make Remigius WIP (blackletter), Chambermaiden WIP (blackletter), Masphalt (a rip-off of Black Sabbath by You Work For Them), Minutia, Bloc War, Phantsied, Halliday (ultra stencil), Sally Shadow, Ben Day, Izack (experimental stencil), Clive Rounded, Milius (blackletter), Hamleigh (blackletter), Sabatino, Radish, Rosslyn and Rosslyn Metal (futuristic), and Boritone (squarish), Francero Wide (big slab serif), Squabble, Bradshaw Bold, Gretzatz, Quint City (stencil), Remigius (blackletter), Remigius Heavy. Additions in 2009: Bradshaw Bold, squabble, Tom Tussle (pixel face), Curtis Heavy, Curtis Pixel 14, Hermione Black (slabby),

At his home page, one can look at his beautiful all-caps geometric grotesque Curtis CSS (2010)---this typeface was entirely coded using CSS primitives! [Google] [More]  ⦿

Dawn Shaikh

Dawn Shaikh received her PhD in human factors psychology in 2007 from Wichita State University. Throughout graduate school, she worked on a grant from Microsoft's Advanced Reading Technologies group. Her master's thesis focused on line length in news&narrative articles. She worked on the legibility of ClearType fonts, and on that of onscreen fonts. Her dissertation focused on the perception of typeface personality. After graduation, ironically---despite Microsoft scholarships throughout her life---, she joined arch enemy Google, where she worked on Google Web Fonts, Docs, Ebooks, Android, and Internationalization. Speaker at ATypI 2011 in Reykjavik on the topic of typefaces for Android OS (with Steve Matteson). [Google] [More]  ⦿

Dmitry Baranovsky
[Raphaël]

[More]  ⦿

Drew Wilson

Carlsbad, CA-based creator of the Pictos1 and Pictos2 series of commercial dingbats. He drives home the point that for icons and logos, one can now use CSS and @font-face to use scalable fonts instead of static images. [Google] [More]  ⦿

Dynamic fonts

Dynamic fonts are fonts formatted in such a way that they can be either automatically grabbed from the author's site or embedded in an html page. This insures that the html page reader sees the page in the intended font, which is especially useful for non-standard scripts. Two competing formats exist today, PFR (Portable Font Resource) and EOT (Embedded Open Type). Tools exist to create PFR or EOT files from TTF files. PFR is supported in Netscape 4.0 and above. EOT is supported in Internet Explorer 4.0 and above. It is Bitstream/Truedoc (PFR) versus Microsoft (EOT). Why the original TTF files could not have been used for this purpose, only the devil knows. Tools to create these dynamic fonts are here:

[Google] [More]  ⦿

Embedded Open Type
[Dave Crossland]

Dave Crossland discusses EOT. He states seven reasons why it is wrong:

  • As noted above, all the details of the encryption and the compression that generate .eot files have been published already. So unscrupulous developers can write programs that can decrypt .eot files for use outside the browser, quickly defeating the object of the system.
  • That means it is a solution looking for a problem. Whatever else EOT may do, it does not answer the fact that font software publishers may be losing money: it is already easy to break the terms of a font software license and give a copy to a friend. Dishonest people will use desktop fonts on the web anyway; honest people will not. Keeping honest users honest is unnecessary. EOT could lull font publishers and type designers into believing that there is a solution to the problem of unauthorised copying, and push their understanding of the facts further away from reality.
  • It's a form of - that is, it attempts to enforce license conditions with software, rather than relying on people to determine and respect those conditions. The W3C have never encouraged this before, and it appears to be a precedent that some browser developers do not wish to see established.
  • The compression system is patented by Monotype, who may only allow their patent to be used by web browsers. The WebKit and Gecko programs (which Apple Safari and Mozilla Firefox are based on) are licensed under the GNU LGPL meaning that they can't be limited to certain fields of use as this would imply.
  • Some features are probably unnecessary. While ten years ago it was important to compress a large font, most people have faster Internet connections now; most mobile phone Internet access is faster than the 56k modem that was common in the late 1990s. Most Latin fonts are similar in size to a JPEG image file, so they do not need to be very highly compressed; the gzip compression already built in to web servers and browsers will do fine. If a font is subsetted, it cannot be used for dynamic content on wikis, blogs and news sites (when the text updates there will be missing letters!).
  • Nobody likes it much. Recently a commentator suggested that there is no burning will within Microsoft to try to foist EOT onto the world. It gives browser authors and web designers a hard time by adding complexity to their tasks without benefiting them.
  • Right now, you need a copy of Windows to run existing software that will encode a font as a .eot file. That software doesn't work very well.
[Google] [More]  ⦿

Embedded OpenType Font Viewer

Charlie Ruland's free tool for previewing EOT font files created by Microsoft's WEFT or other EOT-creating programs. The current version is 1.4.1. [Google] [More]  ⦿

EOT (Embedded OpenType) File Format

The Embedded OpenType File Format (EOT) was developed by Microsoft to enable TrueType and OpenType fonts to be linked to web pages for download to render the web page with the font the author desired. This link prepared by Paul Nelson (Microsoft) specifies the format of the EOT file so that authoring tools can create embedded or linked fonts and add them to a page, and servers serving web content can serve font content with web pages, and 3) User Agents may download, extract and temporarily install fonts of the EOT file suffix that are included in the @font-face definition of a CSS style sheet. It is a dynamic font format supported in Internet Explorer 4.0 and above. It permits an author's font to be used in an html page without explicit downloading. Developed and marketed by Microsoft to choke the competition (Bitstream/Netscape/Truedoc's PFR), the format can be obtained from a truetype or opentype file by using WEFT. [Google] [More]  ⦿

EOT versus OT, part I

[Written in September 2008.] When a web page designer wants you to see a page in a certain font, one simple solution would be to provide a copy of the font with the web page. But fearing yet another loss of precious font data, and unaware that even scarier things will be served in the next few years, Adobe and Microsoft (as explained by Thomas Phinney) are plugging another font format to be attached to web pages, the EOT or Embedded OpenType file format. Again, there is nothing Open about this format, as it was initially designed to have an obfuscated structure. In 2008, the specs came out, but the EOT format was not directly usable in common operating systems. Adobe hoped that people would feel more secure about putting fonts up for download in EOT format. Phinney: If an end user wants to take an EOT file and convert it, there won't be anything physically stopping them. But it will be difficult for them to be unaware that what they are doing is usually wrong and illegal (dependent on the copyright and licensing status of the font in question). Adobe and Microsoft hoped that EOT would take off. The truth is that if it does, then surely someone will write a good font converter to extract the font data. At that point, Adobe and Microsoft will probably suggest something else. The success of EOT will be its undoing. In the meantime, Adobe was proactive (still in 2008): Adobe is strongly supportive of the effort to make Microsofts EOT web font format an open standard. Indeed, Adobe pays for Steve Zilles' time, and he will be chairing the EOT standardization effort, should the W3C accept the proposal in principle. We will be updating our licensing FAQ to make it clear that our existing font license terms allow EOT usage, and do not allow linking to original fonts placed on web servers. And simultaneously, the race is on for young computer scientists: who will write the first EOT to TrueType or OpenType converter? Please liberate us from yet another "font format"!

Note added in 2009: EOT seems to lose out against WOFF, according to the reactions heard at ATypI 2009 in Mexico City. [Google] [More]  ⦿

EOT versus OT, part II

[Written in September 2008.] EOT is the Embedded OpenType file format proposed by Adobe and Microsoft for embedding into web pages. OT is the well-known OpenType format. Adobe wants to convince font designers that it is safe to let people use EOT. But think about it---if EOT does a good job, then it must contain the same information as OT. In other words, from an information-theoretic viewpoint, they are equivalent. Just consider these scenarios.

  • Scenario A: EOT becomes so convenient and successful that it actually deposes OT. Many applications, and printers, start accepting it as a font format. Oops, too late---the fonts are out.
  • Scenario B: A clever hacker writes an EOT to OT converter, or, worse, a program that extracts all EOT fonts from a web page for conversion, or, worse still, a program that crawls the web pages on the internet for EOT files to convert. Triple oops.
Now, as a type designer, before agreeing to release my fonts to the world in EOT form, I would like to hear what Adobe and Microsoft have to say about these two scenarios. [Google] [More]  ⦿

EOTFAST

Free software sponsored by Readable Web (Richard Fink) for transforming truetype files into EOT files. [Google] [More]  ⦿

Ethan Dunham
[Font Squirrel]

[More]  ⦿

Ethan Paul Dunham
[FontHead Design]

[MyFonts] [More]  ⦿

Extracting woff fonts

This advice was posted on abf in 2012 regarding the extraction of woff fonts from web pages: Using the Chrome browser, open the Developer Tools window. When the page with the woffs is loaded, the fonts show up in the Resources pane (with a neat little preview for each when selected!). Double clicking the woff name will download them, but in most cases one has to add the .woff extension by hand. [Google] [More]  ⦿

Facebook Symbols

This web site provides a copy paste interface for Facebook users and web page creators who want to use special icons. [Google] [More]  ⦿

Fahri Özkaramanli
[Wordmark]

[More]  ⦿

Fffallback

A free on-line test tool for checking fallback font choices in CSS statements. [Google] [More]  ⦿

Font Burner

Font Burner uses a technology called Scalable Inman Flash Replacement (sIFR) to change the fonts in the headlines of your site. Basically it hides the headline and puts a Flash file in their place. The Flash file is able to render the font without breaking the usability of your site. SIFR is an open source project available to one and all through novemberborn.net. After you find the font that you would like to use, Font Burner gives you a chunk of code that you will insert into the head of your webpage. The font searching is from a list of about 1000 fonts archived on their site. Unfortunately, the font designers are not identified! The embedded code looks like this (for the font Andron Scriptor):

 
[Google] [More]  ⦿

font dragr

An on-line utility for testing fonts for use on web pages. Their blurb: font dragr allows you to easily test custom fonts, through the @font-face at-rule, without the need for any CSS coding or knowledge of CSS coding. All you need to do is drag and drop. [...] It's incredibly easy to use. All you need to do is drag and drop a font file from your computer into font dragr in a supporting browser (Such as Firefox 3.6+ or Chrome 6+). [Google] [More]  ⦿

Font Dragr
[Ryan Seddon]

A free web font tool by Ryan Seddon: Quickly test those new fonts. Drag and drop your truetype (ttf), opentype (otf), scalable vector graphics (svg) or Web Open Font Format (WOFF) fonts in the left hand side module and it will be added to the list. The last font dropped will change the font-family of this text and the above title. [Google] [More]  ⦿

Font Squirrel
[Ethan Dunham]

Ethan Dunham's list of free fonts from and for professional type designers. The archive is huge (622 at the end of 2010) and clearly organized. There are useful @font-face kits to help users place these fonts on their web sites. Newly added faces. List of foundries. Ethan Dunham also runs a similar commercial web font service, Fontspring. [Google] [More]  ⦿

FontAwesome
[Dave Gandy]

March 6, 2012--a sad day for hackers. On this day, LulzSec, one of the noblest hacking groups in the world, got tricked by the FBI. But there is good news on the web font side. Dave Gandy's FontAwesome (a free icon font) and associated code are beautiful examples of how it must be done. The 150 icons, originally designed for use in Twitter, are placed in special positions in the font, while the accompanying css file then defines the symbols neatly. In fact, the css file now does the mapping. This is a great effort worth keeping an eye on. GitHub link. [Google] [More]  ⦿

Fontcomparer

On-line font comparison tool. [Google] [More]  ⦿

FontConf --- The Unconference for Web Fonts
[Garrick Van Buren]

Free (!!!) conference organized by Garrick Van Buren (Kernest, Minneapolis, MN) on June 19, 2010, in St. Paul, MN. The main talks:

[Google] [More]  ⦿

Fontdeck

Clearleft and OmniTi present Fontdeck, a web service delivering real fonts to your website. Foundries that participate here include TypeTogether, URW++, Parachute, PSTypeLab, and Insigne. [Google] [More]  ⦿

FontDropper

An on-line tool for testing fonts on live web pages, brought by WebINK. [Google] [More]  ⦿

Fontello

Iconic font scissors. This free tool can be used to combine icons into a single font. The authors are Roman Shmelev, Vitaly Puzrin and Aleksey Zapparov.

GitHub link.

Fonts from which compositions can be made:

  • Entypo by Daniel Bruce.
  • Font Awesome by Dave Gandy
  • Typicons by Stephen Hutchings
  • Modern Pictograms by John Caserta
  • Meteocons by Alessio Atzeni
  • Maki by Mapbox
  • Zocial by Sam Collins
  • Brandico by Crowdsourced
  • Web Symbols by Just Be Nice studio
[Google] [More]  ⦿

Fontfeest
[Gerard Salomons]

A free webfont service run by Dutchman Gerard Salomons. [Google] [More]  ⦿

FontFonter
[Tim Ahrens]

A web tool by Tim Ahrens and FontShop, dated 2010: enter a web address and try out various web fonts directly. It did not work for me (iMac, Google Chrome, my own pages). [Google] [More]  ⦿

FontHead Design
[Ethan Paul Dunham]

FontHead Design (Wilmington, DE) sells cool fonts designed by Ethan Dunham (b. 1972, Glens Falls, NY). A partial list: Mother Goose (2008), Allise, GoodDogCool, Fontheads (dingbats), Randisious, Greyhound (1997, an arts and crafts face), Rochester, Samurai, AsimovSans, Gurnsey20, Scrawl, BadDog, Holstein, SlackScript, Bessie, SloppyJoe (gone?), Blearex, HandSkriptOne, SmithPremier, BlueMoon, HolyCow, SororityHack, Bonkers, HotCoffeeFont, SpillMilk, BraveWorld, Isepik, Sputnik, Brolga, TekStencil, Carnation, Mekanek (1995), Teknobe (1995), Merlin, Toucan Grunge (gone?), Tycho, TypewriterOldstyle, MotherGoose, Croissant, Democratika (now Americratika--I think Emigre forced FontHead to change the name), Noel (1996-1997, Lombardic all caps face, with an open version added), LillaFunk (gone?), Margo Gothic (gone?), Toddler (gone?), NoelBlack, WashMe, Diesel, Orion, Gritzpop, Pesto, BattleStation, CircusDog, Dandelion, DraftHand, Flowerpot, Navel, ShoeString, Stiltskin, ZipSonik. Plus JohnDoe, and old typewriter font. Free fonts: Font Heads (dings), Smith Premier, Vladimir, Tycho, Typewriter Oldstyle, ScareCrow, Millennia, SpillMilk, GoodDog, Holstein, Red Five. All formats, Mac and PC. In the comic font series, look for Stan Lee (now Comic Talk), FH Excelsior (now Titlex), Grimmy (now Flim Flam), and Kirby (now Grit).

Dafont link.

Fonts created in 1999: AppleSeed, Caterpillar, Chinchilla, ChinchillaBlack, ChinchillaDots, CrowBeak, CrowBeakLight, CyberMonkey, DanceParty, DingleHopper, FourScore, FourScoreTitling, Hopscotch, HopscotchPlain, Ladybug, Leaflet-Regular, LeafletBold, LeafletLight, ReadOut, ReadOutSuper, Smoothie, Swizzle, TwoByFour, VeryMerry. Made in 2001: ButterFinger, ButterFingerSerif, CatScratch, Catnip, FighterPilot, FrenchRoast, Handheld, HandheldItalic, HandheldRaised, HandheldRaisedItalic, HandheldRound, HandheldRoundItalic, Kingdom, OldGlory, Quadric, QuadricSlant. MyFonts page.

In 2006, several dingbats fonts were added, such as the ClickBits Arrow series and the ClickBits Icon series.

In 2008, he created InfoBits Things and InfoBits Symbols, Abigail, Assembler, Click Clack, Drawzing (children's font), El Franco (grunge), Good Dog New (hand-printed), Helion (futuristic), Lead Paint (brush), Schema (architectural lettering), Skizzers (hand-printed), Tachyon (2008, techno, futuristic). Free font download. This place has Allise, Americratika, AppleSeed, AsimovSans, Asterix-Blink-Italic, Asterix-Blink, Asterix-Italic, Asterix-Light-Italic, Asterix-Light, Asterix, BadDog, BattleStation, Beckett, Bessie, BlackBeard, Blearex, BlueMoon, Bonkers, BraveWorld, Brolga, BrownCow, Carnation, CatScratch, Caterpillar, Chinchilla, ChinchillaBlack, ChinchillaDots, CircusDog, CornDog (2004), Croissant, CrowBeak, CrowBeakLight, CyberMonkey, DanceParty, Dandelion, Dannette-Outline, Dannette, DayDream, Democratika, Diesel, DingleHopper, DoomsDay, DraftHand, Flowerpot, Font-Heads, FourScore, FourScoreTitling, FunkyWestern, Goliath, GoodDog-Bones, GoodDog-Cool, GoodKitty, Greyhound, Grimmy, Gritzpop, GritzpopGrunge, Gurnsey20, HandskriptOne, Holstein-Bold, Holstein, HolyCow, Hopscotch, HopscotchPlain, HotCoffeeFont, HotTamale, Isepik, JohnDoe, JollyJack, Keener, Klondike-Bold, Klondike, Ladybug, Leaflet-Regular, LeafletBold, LeafletLight, LillaFunk, LogJam-Inline, LogJam, MargoGothic, MarvelScript, MatrixDot-Condensed, MatrixDot, Mekanek, Merlin, Millennia, Mondo-Loose, MotherGoose, Navel, Network, Noel, NoelBlack, Oatmeal, Orion, Pesto, Randisious, ReadOut, ReadOutSuper, RedFive, Rochester, Samurai, Scarecrow, Scrawl, ShoeString, ShoeStringRound, SlackScript, SloppyJoe, SmithPremier, Smock, Smoothie, SororityHack, SpaceCowboy, SpillMilk, Sputnikk, StanLee-Bold, StanLee-BoldItalic, StanLee-Regular, Stiltskin, Submarine, Swizzle, TekStencil, Teknobe, Torcho, ToucanGrunge, TwoByFour, Tycho, Typewriter2, TypewriterOldstyle, VeryMerry, Vladimir, WashMe, Watertown-Alternate, Watertown-Black, Watertown-Bold, Watertown, ZipSonik-Italic, ZipSonik, ZipSonikSketch-Italic, ZipSonikSketch.

Font Squirrel carries ElliotSix (simple handwriting), GoodDog (children's hand) and Millennia (squarish). In fact, in 2009-2010, Ethan Dunham became a very active web font persona, offering a commercial web font service, Fontspring, and a free font service, Fontsquirrel.

Klingspor link. [Google] [MyFonts] [More]  ⦿

Fontli

A Windows phone app by Pramati Technologies: Fontli is a social network for Typography enthusiasts to broadcast their passion through pictures taken from a mobile device. What makes Fontli different from other photo sharing applications is its typography centric features. Users can spot a typeface by simple photo tagging and Fontli gives additional information on the Typeface such as Designer/Foundry info and other pictures tagged with it. [Google] [More]  ⦿

Fontomas

Web font software by Roman Shmelev and Vitaly Puzrin. With it, one can choose symbols from various fonts, combine and merge them into a new font, and generate such subsetted fonts. This is especially useful for selecting icons. [Google] [More]  ⦿

Fontspring

Another web fonts site with both free and for-pay fonts to be served with @font-face. [Google] [More]  ⦿

Freedom of choice for font formats
[Werner Lemberg]

In their presentation at ATypI 2013 in Amsterdam, Werner Lemberg (the co-developer of Freetype) and David Lemon (Adobe) compare truetype and type 1 for use in small devices. Their talk sounds quite interesting, and promises a small shake-up in font rendering on small screens.

The abstract: The PostScript (CFF) font format, in which most of the world's fonts are developed, is commonly used for all the traditional forms of graphic design, such as books, magazines, newspapers, advertising, posters, logos, packaging, and movie titling. But for the most part it hasn't been used in HTML pages or on mobile devices. Those environments have often done a poor job of displaying the fonts in this format, so designers have been limited to using only TrueType. Because TrueType is harder to develop and produces larger fonts, there are advantages to being able to use CFF as well. Adobe and Google have been working with the developers of FreeType, the open-source font rendering engine used in billions of devices, to improve the font imaging solutions available to browsers and mobile devices. David Lemon and Werner Lemberg will talk about the improvements coming soon to a screen near you, what this means for designers and developers, and also discuss how companies can work together to bring value to type users via open-source offerings. [Google] [More]  ⦿

Garrick Van Buren
[FontConf --- The Unconference for Web Fonts]

[More]  ⦿

Garrick Van Buren
[Kernest]

[More]  ⦿

Gerard Salomons
[Fontfeest]

[More]  ⦿

Github

The font subpages at the San Francisco-based computer software site GitHub. Most links are for apps and small utilities related to fonts. [Google] [More]  ⦿

Google and Web Fonts
[Adam Pope]

Adam Pope in May 2010 on Google's entrance into the web font scene. [Google] [More]  ⦿

Google font previewer

On-line tool for creeating the necessary style code snippet for including a Google Font Directory font in a web page. [Google] [More]  ⦿

Google Fonts Demo

Demo (in Dutch) on how to use the google fonts. See also here and be sure to check the source code. [Google] [More]  ⦿

Google Web Fonts

Google's answer to web fonts, including a directory of over 500 free fonts. Their goal was to have 1000 fonts by the end of 2011, but they passed the 500 mark only in 2012. Download all fonts in one 36MB file. Blog.

On May 19, 2010, Typekit announced and open source collaboration with Google called the WebFontLoader: Now you can have complete control over how fonts are loaded and what happens when they're rendered. You can download the code and use it however you like, or link directly to the latest version via the Google Ajax APIs. [...] You can use WebFont Loader with fonts on your own server, links to the just-announced Google Webfont API, or any Typekit account. We've also made sure the code is modular, so other font hosting services can add to it in the future.

Google offers these fonts for free, and pays its designers a few thousand dollars. This prompted a reaction from Bruno Maag in 2012: Yes, Google with its free fonts, or libre fonts as they like to call them, is a particular bugbear of mine. Now, if someone wants to make their fonts available for free that is up to them; I have no problems with that. However, it is very different if a giant corporate entity which has a market valuation of a gazillion dollars is asking young and budding designers to submit their fonts for a measly few thousand dollars under the condition of an open source licence. I call this exploitation as well as a complete disregard for design. The result, unfortunately, is that in many cases the fonts are of not very good quality since they have been designed by inexperienced designers.

Early access download page. [Google] [More]  ⦿

Google Webfont Directory Tester

On-line web font tester by Miura Labs, 2010. [Google] [More]  ⦿

Harry Roberts
[Technical Web Typography]

[More]  ⦿

Héctor Gatti
[Omnibus Type]

[More]  ⦿

Henrique Gusso
[ttype]

[More]  ⦿

Icon Stacks
[Conor Muirhead]

Conor Muirhead shows how to combine icon glyphs to create complex icons using clever CSS programming. [Google] [More]  ⦿

Iphoneruler

Jump site for iPhone-ready fonts. [Google] [More]  ⦿

J. Victor Gaultney

Type designer (b. Minneapolis, MN, 1962) at SIL International, UK since 1991, and an ex-M.A. student in type design at the University of Reading. He has worked on non-Latin faces, as well as his own extended Latin design, Gentium (2002). [Download from places such as OFL and FreeBSD].

Papers by him include Multitudinous Alphabets: The design of extended Latin typefaces (2001), The influence of pen-based letterforms on Devanagari typefaces (2001), Balancing Typeface Legibility and Economy, Gentium---A Typeface for The Nations, Problems of Diacritic Design, and "Problems of diacritic design for Latin script text faces" (2002). The last one is a must-read.

Projects in which he is the main or only designer include SIL Dai Banna Fonts, SIL Tai Dam Fonts, SIL Greek Font System, SIL IPA Fonts, and SIL Encore Fonts. At ATypI 2004 in Prague, he spoke about the technical problems with East European type. In 2008, he published Gentium Basic and Gentium Book Basic, each in four weights, but essentially limited to Latin, and added them to the Google Font Directory link.

At ATypI 2010 in Dublin, he spoke about sculptural letterer Arnold Flaten (1900-1976). Speaker at ATypI 2011 in Reykjavik. Speaker at ATypI 2013 in Amsterdam: Open and collaborative font design in a web fonts world.

Kernest link. Klingspor link. [Google] [More]  ⦿

Jeff Veen

Software engineer and CEO of Small Batch Inc. Founder in 2008 of San Francisco-based TypeKit, a commercial project for serving fonts (free and for a price) on web pages---the model is that an annual fee is paid for using a commercial font on pages of a given domain. He spoke at ATypI 2009 in Mexico City about this. The Typekit blurb, as of 2011: Built around web standards, our service gives designers and developers a subscription-based library of hosted, high-quality fonts to use on their websites. We have over 250,000 customers including some of the largest sites on the web today: The New York Times, Conde Nast, IGN, Twitter, and many others. We are also actively integrating Typekit into hosted platforms---such as WordPress, TypePad, and Posterous---so that anyone with a website can use real fonts. [Google] [More]  ⦿

Jennifer Farley
[Three CSS Typography Tools For Web Designers]

[More]  ⦿

John Daggett

Software engineer at Mozilla, based in Tokyo. Among other things, he is involved in the development and research on web font technologies, and is part of the Mozilla team that proposed WOFF as a web font format in 2009. [Google] [More]  ⦿

John Giannopoulos

John Giannopoulos has been in and around the type industry since 1983, going back to the phototypesetting days with Compugraphic. Currently, he is Monotype's Director of Strategic Alliances responsible for partnering with major internet companies to advance the use of excellent typography across the web. He writes: John's personal goal is to see industry-wide web font adoption hit and exceed 25% by the end of 2013. This will ensure web font use will quickly move past early adopters and into the mainstream.

Speaker at ATypI 2013 in Amsterdam: The Rapid Adoption of the Web Fonts & The Opportunities that Lie Ahead. His talk at ATypI 2014 in Barcelona is on a similar topic. [Google] [More]  ⦿

Jon Hicks
[24 Ways]

[More]  ⦿

Jonathan Kew

Software engineer at Mozilla in Thame, Oxfordshire, UK. Among other things, he is involved in the development and research on web font technologies, and is part of the Mozilla team that proposed WOFF as a web font format in 2009.

He was a contributor to the simplified Arabic script font Scheherazade (2005-2001, SIL). [Google] [More]  ⦿

Jonathan Snook: Web Type Talk, 2010

From March 10-15, a conference was held at Las Vegas in which Jonathan Snook explained the web type situation. A summary by Luke Wroblewski:

  • The FONT tag allowed you to specify any font someone had on their system for a block of HTML text but it required separate tags for each instance.
  • Images allow you to use any font you want on a Web page rendered as an image. But this approach has maintenance and performance issues (due to many images) and issues. Only practical for limited items with short text.
  • When you use images for text, printed pages look pixelated and you can't select text in images to copy it.
  • CSS Font Stacks: allow you to set a series of fonts in CSS styles. The end user's machine will make use of the first font in the stack that is available.
  • Sifr, Cufon, and Typeface are all font replacement techniques
  • Sifr: needs Javascript&Flash installed. Uses standard HTML markup and replaces it with Flash movies that render the text in specific fonts. It is slow for many elements and as a result, only used in headers.
  • Cufon: generates SVG and VML outlines for font. Draws to the CANVAS tag in all browsers that support it. No text selection is available as the real text is made invisible. Supports some CSS styling (more than Sifr).
  • Typeface.js: uses CANVAS and VML. Includes letter-spacing and font-stretch.
  • @fontface is a CSS specification that allows you to use unique fonts on the Web: can style with full extent of CSS; supports text selection; works on mobile platforms; and has good print quality.
  • TrueType and OpenType are the most common font formats on people's machines. Work on Firefox, Chrome, Opera, Safari.
  • Emmbeddable Opentype (EOT) was developed by Microsoft to support font foundry concerns. Supported in IE 4+
  • SVG Fonts -supported by Chrome and iPhone OS3.1+ FontForge allows you export to SVG fonts
  • Web Open Font Format (WOFF) in Firefox 3.6 Supported by major font foundries.
  • Font Squirrel allows you to upload a font in TrueType and OpenType and it will output EOT, SVG, and WOFF formatted fonts. Also provides sample HTML and CSS for font usage. Recently supports Cufon for fallback in older browsers
  • Performance issues with @font-face? Font files can be quite big (megabytes) which impacts download speeds. Subsetting reduces the number of glyphs in a font so file size is lower. EOT and WOFF have built in compression support
  • Firefox and Opera show unstlyed text until the page is loaded. Safari and Chrome show no text until the font is downloaded (which can take a while).
  • Biggest issue is still Licensing. Most fonts, even some free fonts, don't allow @font-face embedding. Foundries that support WOFF haven't provided updated licenses
  • Font embedding services: TypeKit, Typotheque, FontDeck -act as content delivery network for fonts. Fonts sit on their site. If their server goes down- what is the fallback on font timeout? Some services require Javascript, none serve SVG fonts, Services obfuscate fonts so they can't be downloaded by others and therefore do not support caching.
  • Kernest and FontSpring offer the option to host fonts yourself. 90% of the fonts in Kernest are openly licensed - OFL, MIT, GNU, etc. So licensing is much less of a worry if you host them yourself.
[Google] [More]  ⦿

Just Another Foundry
[Tim Ahrens]

Just Another Foundry was established in 2005 by Tim Ahrens (b. 1976, Heidelberg, Germany). He studied architecture at the University of Kasrlsruhe and type design at the University of Reading (2007). He now lives in Oxford, where he works as a type designer and architect. In 2005 he established Just Another Foundry. His typefaces:

  • Mashine (2005). An octagonal / mechanical family.
  • His MA project in Reading was based on Herb (2007), a hookish display face. Herb was extended in 2010 into a full family, which is still genetically linked to blackletters.
  • Facit (2005, sans family).
  • Zalamander (2006). An angular comic book family. Scans: i, ii, iii, iv.
  • Lapture (2004). A redesign of Albert Kapr's (angular, calligraphic) Leipziger Antiqua of 1971.
  • With Brian Jaramillo, he designed JAF Peacock from 2007-2010. It was inspired by the Flair typefaces of the 1970s and contains 1200 glyphs and alternates.
  • JAF Domus Titling (2011). Designed with Shoko Mugikura, this is a rounded typeface with classical Roman proportions.
  • The sans serif family Linotype Aroma (1999).
  • JAF Bernini Sans (2012), a winner at TDC 2013. A corporate humanist sans family consisting of tens of styles, from compressed to narrow and regular, and partitioned into a serious JAF Bernino Sans and a more playful JAF Bernina Sans. The ample choices, especially in degrees of compression, makes this a prime candidate for the 2012 Oscars.

At ATypI 2008 in St. Petersburg, he spoke about Font Remix Tools and on Optical Sizes. In 2010, he started a web font service. In 2011, I found his name listed as an employee of the web font service Typekit.

Author of Size-specific Adjustments to Type Designs: An Investigation of the Principles Guiding the Design of Optical Sizes (2008, Mark Batty Publisher). Technical image from that book.

Abstract Fonts link. MyFonts page. FontShop link. Linotype page. Home page. Klingspor link. [Google] [MyFonts] [More]  ⦿

Kernest
[Garrick Van Buren]

A site that offers to host fonts for use in @fontface tags on web pages. I do not quite understand the pricing---somewhere it says, for example, that Abia Wide by Tkachenko will cost 15 dollars per year and per web site. It is unclear who pays who in the triangle "web site (html page) maker", "font designer", "Kernest". I believe that some are free. Fontue is a free open-source, web font server built for Kernest.com. The list of designers participating in this effort is impressive.

The list of designers as of March 2010: A. Korolkova | Aj Paglia | Alec Julien | Alexander Fell | Alexander Kalachev | Alexey Kryukov | Alexey Maslov | Andrew Paglinawan | Andrey V. Panov | Andy Chung | Annie Olsen | Apostolos Syropoulos | Apostrophic Labs | Ascender Corporation | B. Jackowski | Barry Schwartz | Ben Weiner | Bernd Montag | Bitstream | Bo Linnemann | Brandon Schoech | Caius Chance | Cal Henderson | Caroline Hadilaksono | Chank Diesel | Charles Bigelow | Choz Cunningham | Chris Miller | Christian Ghirardi | Christophe Féray | Coji Morishita | Colin Willems | Daniel Johnson | Daniel Midgley | Darren Rigby | Dave Crossland | Derek Weathersbee | Diego Quintana | Dieter Steffmann | Dimitri Castrique | Dot Colon | Dustin Norlander | Eat Street Fontmaking Workshop | Ed Merritt | Edgar Tadeo | Eric Schiller | Fontsite | Fredrick Nader | Friedrich Althausen | Garrett Le Sage | Georg Seifert | George Triantafyllakos | Giovanniello | Graham Meade | Greyscale | Gurkan Sengun | Haley Fiege | Han The Thanh | Harold Lohner | Hiran Venugopalan | Hirwen Harendal | J.M. Nowacki | James Puckett | Jan Gerner | Jan Sonntag | Janusz M. Nowacki | Jason Kottke | Jeffrey Visser | Jeroen Klaver | Jess Latham | Johan Aakerlund | Johan Mattsson | John Stracke | Jon Hicks | Jovanny Lemonad | Juan Pablo De Gregorio | Justus Erich Walbaum | Kris Holmes | La Tipomatika | Libertine Open Fonts Project | Lithu K Kumar | Ludivine Loiseau | M+ Fonts | Manfred Klein | Marcelo Magalhaes | Mark Simonson | Marko Jovanovac | Markus Waeger | Matt Mc Inerney | Matthew Welch | Meredith Mandel | Michael Tension | MÃ¥rten Nettelbladt | Nadia Knechtle | Nick Curtis | O. Umpeleva | Orgdot Consortium | Oscar Marchal | Patrick Broderick | Paul Lloyd | Paulo Silva | Peter Hoffman | Peter Wiegel | Philipp H. Poll | Philippe Cochy | Ralph Oliver Du Carrois | Raph Levien | Richard A. Ware | Robby Woodard | Robert Norton | Rodrigo Fuenzalida | Rogier Van Dalen | Roman Yershov | Ryoichi Tsunekawa | Ryoichi Tsunekawa Bagel | Sil Nrsi Team | Sebastian Mechelk | Sergiy Tkachenko | Sparanoid | Steeve Gruson | Stephen C. Gilardi | Stephen G. Hartke | Steve Jordi | Steve Matteson | Thatcher Ulrich | Thomas Schraitle | Tino Meinert | Tom Murphy 7 | Tom Tor | Tup Wanders | Tyler Finck | V. Yefimov | Valek Filippov | Vic Fieger | Victor Gaultney | Wolf Bain X | Yann Le Coroller | Yeah Noah | Yusuke Kamiyamane | Zygfryd Gardzielewski | Afrojet | Catrina | Craig Kroeger | Ficod | Gluk | Inkboy | Laura Kristen. [Google] [More]  ⦿

Lettering.js
[Dave Rupert]

Advice and examples of a jQuery plugin for making nice headlines on web pages. [Google] [More]  ⦿

Matthew J. Rechs

Matthew Rechs is the general manager for Adobe Typekit, the font subscription service that is offered (in 2014) as part of Adobe Creative Cloud. He joined Typekit before their acquisition by Adobe in 2011 as Head of Sales. In 2013, the Adobe Typekit team merged with Adobe Type. Matthew heads up sales, marketing, customer support and finance for the combined team, now more than 50 people strong. Before joining Typekit, Matthew spent 20 years as a technology manager executive in major digital agencies, specializing in building large-scale websites for global e-commerce, media, publishing, and technology companies. Matthew's talk at ATypI 2014 in Barcelona is entitled The Adoption of Web Fonts Around the World & Opportunities Ahead. [Google] [More]  ⦿

Mircea Piturca
[TypeFolly]

[More]  ⦿

MobileFonts

A project started by FontShop in 2011---one can buy handpicked FontShop fonts for installation on mobile computer devices. [Google] [More]  ⦿

Monotype Web Font Awards

Monotype Imaging Holdings Inc. is accepting entries through Nov. 7, 2010 for the first Web Font Awards, an international competition designed to recognize web sites that incorporate exceptional use of Web fonts. Prizes include two $3,000 cash awards, Apple iPad mobile digital devices and various typeface offerings from Monotype Imaging. Winning entries will be determined at a live judging event on Nov. 16, 2010, during the Future of Web Design conference, Nov. 15-17, in New York City. Winning entries of the Webfont Awards, in order: (1) The fifth issue of the German design magazine, Design Made in Germany, set in FF DIN, and designed by Martin Rack, (2) Armin Vit's Quipsologies, a division of UnderConsideration, uses Typekit fonts, (3) The German real estate database Markert Immobilien, which uses DIN Web Pro.

A brief post mortem: This contest was all about web page design---it had nothing to do with type design. I will not report on similar contests in the future. [Google] [More]  ⦿

MyFonts: Ascender / Microsoft --- Vista Fonts

MyFonts selection for the six Windows Vista fonts, now sold by Ascender. [Google] [More]  ⦿

MyFonts: Web graphics

MyFonts listing of fonts that are appropriate for web graphics. This includes both icons or dingbats, and alphabets. [Google] [More]  ⦿

Nerdi

Link pages related to font choices, CSS, and web typography. [Google] [More]  ⦿

Nice Web Type
[Tim Brown]

Tim Brown discusses web typography. A bit in blog format. [Google] [More]  ⦿

Noah Petherbridge
[ttf2eot]

[More]  ⦿

Omnibus Type
[Héctor Gatti]

Hector Gatti, aka Pocho Gatt, is an Argentinian who runs Gatti Studio and Omnibus Type, and who codesigned the sans face Patagonia (1994) with Pablo Cosgaya. Omnibus (est. 2011) is a coop that focuses on web typography and high quality web fonts. All typefaces can be found at the Google Font Directory. All designers are from Argentina and Mexico. Their typeface library:

  • Rosario (2011, Hector Gatti). Gatti says that he fused Berthold Garamond and Trade Gothic to make the sans family Rosario in 2000. The typeface is free since 2011 at Google Font Directory. The typeface is now part of the type collection at Tipo.
  • Unna (2011, Jorge de Buen).
  • Chivo (2011, Hector Gatti: Google Font Directory and Omnibus Type). A free neogrotesk face.
  • Archivo Black (2012, Google Web Fonts). A heavy grotesque face. Archivo Narrow.
  • Asap (2012). This is a rounded sans family by Pablo Cosgaya. Asap is based on Ancha (designed by Pablo Cosgaya and Hector Gatti), and has been developed with the collaboration of Andrés Torres.
  • Sansita One (2011, Pablo Cosgaya).

    In 2013, Pablo Cosgaya and Dani Raskovsky codesigned a wood carving typeface called Bahiana---perfect for lettering on a Caribbean rum shack. Bahiana was published by Omnibus Type.

  • Saira won an award at Tipos Latinos 2014.

Another URL. Google Plus link. Fontspace link. Fontsquirrel link. Behance link. Klingspor link.

Catalog of typefaces. [Google] [More]  ⦿

Online font converter

Free on-line font converter (truetype, dfont, opentype). I checked this out, and have to warn people not to use it---it does not preserve several tables. Most importantly, the "name" table is lost in the conversion. Furthermore, this may be a way of grabbing your font. One should do these delicate tasks with trusted software on one's own computer. Nevertheless, if you insist, here are the formats between which it converts: .dfont .eot .otf .pfb .tfm .pfm .suit .svg .ttf .pfa .bin .pt3 .ps .t42 .cff .afm .ttc and .woff. [Google] [More]  ⦿

Paul Irish

Technical guy who offers CSS and javascript tips regarding fonts and @fontface in web pages. Plenty of technical discussions in blog format. His comments on the Google Webfont API in 2010, right about the time he joined Google Chrome. [Google] [More]  ⦿

Per Sandström
[Type Browser]

[More]  ⦿

Petr van Blokland
[Webtype]

[More]  ⦿

Pixel Ambacht
[Roel Nieskens]

Dutch site mainly concerned with font technology. Interesting sub-pages:

  • An article on multicolor fonts.
  • An article on multicolor icons.
  • An article on an 8-bit multicolor font, Compyx, developed by the writer, and freely available for download. It harkens back to the original pixel fonts that hackers used to love---Compyx is the name of a famous Commodore 64 graphician. It is a three-color font created in a scalable manner by a very clever hack: We have four SVG files per character, each file representing one color. We're going to use Fontlab's TransType 4 to create the multicolor font, but TransType can't work with a bunch of SVGs. It takes regular singlecolor fonts, and allows us to overlay and color them, and export them as a multicolor font. So, first we need to create four regular fonts, each one containing all the characters belonging to the same color layer. Since I don't need control over typographic details like kerning or hinting---Compyx is a lot simpler in design than a proper typeface like Helvetica---I simply used trusty old Icomoon. We import all characters belonging to the same color layer, and turn those into a regular TTF. You'll end up with four files: font-color1.ttf, font-color2.ttf, font-color3.ttf and font-color4.ttf. We can then fire up TransType 4 and import all four fonts. TransType allows you to overlay these fonts and give each layer a color, creating basic multicolor fonts. We do this with the method "Overlay fonts", which allows us to determine the order and color of each layer. When everything looks good, we export the combined font with the Opentype TT settings. You'll end up with font files for three of the four proposed formats. We now have true multicolor fonts! Now, for the last step we take the rather big TTF font (628Kb in the case of the Compyx font) and crunch it to a more reasonable 104Kb WOFF file. I used the sfnt2woff tool for this.
[Google] [More]  ⦿

Portable Font Resources (PFR)

PFRs are dynamically downloadable fonts that enable Netscape and Internet Explorer browsers to display character glyphs without relying on native system fonts. Netscape 4 and above have built-in support for PFRs, while Internet Explorer needs an ActiveX plug-in to display characters with PFRs. TrueDoc, the technology behind Portable Font Resources, was developed by BitStream. Alternate URL. Old URL. [Google] [More]  ⦿

Raphaël
[Dmitry Baranovsky]

Dmitry Baranovsky created a free javascript vector library called Raphaël for doing simple graphics in web pages. As an example, he created a set of 224 icons. There also is a free font called Raphael Icon Set (2012) created by Marek Ventur based on Baranovsky's designs. [Google] [More]  ⦿

Readable Web
[Richard Fink]

Web type news, edited by Richard Fink (Naples, FL), a web developer, research analyst, journalist and critic. [Google] [More]  ⦿

Richard Fink
[Richard Fink on web fonts]

[More]  ⦿

Richard Fink
[Readable Web]

[More]  ⦿

Richard Fink on web fonts
[Richard Fink]

On the topic of Google's entrance into the web font feeding frenzy, I align myself a lot with Richard Fink's comments---they seem closest to "reality", if this exists at all in the virtual circus. Some excerpts.

  • Nick Sherman showed by example that Crimson Text, Cardo and Vollkorn, three of the Google Font Directory free fonts, do not work well with IE/Windows and laments: I think it's safe to say that the fonts above aren't very usable. Fink: They'll get used anyway. Don't delude yourself. It ain't what they is, it's what they're not. TNFG. (They're not f-cking Georgia.) And they are free. Free counts for a lot. Besides, betcha the look of these fonts can be improved greatly without much ado.
  • Jay O'Hare: Why would it be preferable to use Google's service for @font-face type hosting when they have a pretty crappy catalog of unknown faces when a designer could use Typekit for quite a nominal fee? Fink's reply: I expect sharp improvements in the Google selections very quickly. When Typekit first announced, they had NO CATALOG. Nothing. They were in private Beta (if that) with nothing to see at all. Vaporware. Google's style is different, they don't mind releasing with next to nothing and evolving in full public view. And in that there is now precedent for font hosting and they don't have to deal with complex licensing issues from commercial font designers concerned with unlicensed copying, expanding the catalog is a lot easier and can be expected to move much more quickly than it did for Typekit. He continues, referring to the strategy of obfuscation promoted by Typekit and others, to discourage downloading or font extraction: Because the fonts are freely licensed, there aren't any of the inefficiencies involved with obfuscation if you use Google. Typekit's appeal to font designers is that they have a strategy in place to discourage download-and-installation. With Google (and Kernest, to name one other), you can use straightforward CSS. (Their javascript API is cool to have, but optional. Icing on the cake.)
[Google] [More]  ⦿

Roel Nieskens
[Pixel Ambacht]

[More]  ⦿

Russ Maschmeyer
[Type-a-file]

[More]  ⦿

Ryan Seddon
[Font Dragr]

[More]  ⦿

Santhosh Thottingal

Palakkad, Kerala-based computer scientist. He is responsible for Autonym Font (2013). He explains: A font that can render all language autonyms. If we want to show a large number of languages written in their own scripts (autonyms), we cannot apply the usual webfonts to it. This is because when each script requires a webfont, we will end up using a large number of webfonts. This can cause large bandwidth usage. An example of this use case is a language selector on a website. Autonym font tries to solve this. The font contains glyphs and opentype rules for rendering the language autonyms. And it contains only those glyphs for a language. The glyphs for the font are taken from a large number of free licensed fonts.

The sources for the glyphs, by language, are:

  • Main: FreeSans.
  • Arabic: Droid Arabic Naskh
  • Tibetan: Jomolhari
  • Bengali: Lohit Bengali
  • Telugu: Lohit Telugu
  • Tamil: Meera Tamil
  • Odia: Lohit Odia
  • Malayalam: Meera
  • Kannada: Lohit Kannada
  • Gujarati: Lohit Gujarati
  • Devangari: Lohit Devangari
  • Khmer: Hanuman
  • Thai: Droid Sans Thai
  • Chinese: WenQuanYiMicroHei
  • Lao: Phetsarath
  • Divehi: FreeFontThaana
  • Javanese: TuladhaJejeg
  • Myanmar: TharLon

Open Font Library link. [Google] [More]  ⦿

Sebastian Kippe
[ttf -> eot]

[More]  ⦿

Shapecatcher

A useful on-line tool for recognizing symbols. It returns unicode characters in decreasing order of likelihood. Great tool! [Google] [More]  ⦿

Slideshare

Slideshare has a number of slide presentations on web typography and web fonts. One I particularly like is called To ell with Web Safe Fonts. [Google] [More]  ⦿

Soma FontFriend

A free web font tool by Soma Design. They write: FontFriend is a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages. 2.0's killer feature is instant drag-and-drop font previewing right in the browser (Firefox 3.6+ only), in any document you're currently viewing. [Google] [More]  ⦿

Stephen Coles on Apple

We are in April 2010, and Apple has just launched its iPad. Stephen Coles is not happy with Apple in general, and summarizes Apple's typographic disasters. Some passages:

The string of odd missteps began with the release of Mac OS X. Amid a bunch bundled fonts not worth mentioning, the system came with Lucida Grande, an excellent screen font family based on Kris Holmes' Lucida Sans. The clean, readable face, contemporary but fairly neutral, was used throughout the OS X interface and embraced by web designers (along with its Windows equivalent Lucida Sans Unicode) as their go-to family for small text. Yet, to this day, there is no Lucida Grande italic. I can't explain why, and neither has anyone at Apple. This is the short and simple reason why sites like Facebook don't use italic. If you design with Lucida your options for emphasis and hierarchy are limited to size and weight. Meanwhile, Microsoft - the company that traditionally eats Apple's dust in design - worked with some of the world's best type designers to develop the ClearType fonts, six complete families designed specifically for the screen.

A lack of Lucida Italic could be considered a mild irritant, but Apple's typographic neglect in OS X ran deeper. The system came with a font manager that was, until recently, the least reliable software bundled with a Mac. Even now it has has a reputation that belies Apple's high customer satisfaction. The words "Font Book" are often accompanied with "sucks" and "hate".

Then came the iPhone, its fantastic display with a high pixel-density enabled legible type at small sizes. But Apple essentially erased that potential by choosing Helvetica as the iPhone's system font. Sure, Helvetica is a graphic designer's favorite, but its closed forms and tight spacing hinder reading, especially when small. It was a classic style-over-substance decision. The even more egregious spit in the face of readability was forcing Marker Felt users of the Notes app. More often than not, Apple's recent decisions about type either ignore its importance or value form over function.

The iPad represents a new opportunity to reverse this trend. A device designed for media consumption could validate Apple's dedication to design by emphasizing design's most basic element: typography. But so far, it flops. [And he goes on with details about the iPad's flaws in the typography department.] [Google] [More]  ⦿

Stephen Coles: What the iPad is missing

Stephen Coles tears down the iPad's lack of typographic features---here is his list of items:

  • Missing in iBooks: Ragged Right Alignment and Hyphenation
  • Missing in iBooks: Orphan/Widow Prevention, Proper Handling of Tables and Line Breaks
  • Missing in iBooks: "Embeddable" Fonts The lack of support for embedded fonts is a catastrophic failure. It's a massive black mark against Apple for anyone who's interested in seeing publishers improve the standard of ePubs.
  • Missing in iBooks: Font Options that Work for Books
  • Missing in iPhone/iPad OS: a Legible, Flexible UI Font
  • Missing in Pages: Accessible Text Options
  • Missing in Mobile Safari: True @font-face Support
  • Missing in Notes: Font Options
[Google] [More]  ⦿

Sylvia Egger
[Web font hosting services]

[More]  ⦿

Taviso
[ttf2eot]

[More]  ⦿

Technical Web Typography
[Harry Roberts]

Harry Roberts deal;s with the technical aspects of web typography. This is very detailed and quite an instructive read. [Google] [More]  ⦿

The sad state of web fonts embedding
[Armand Niculescu]

Armand Niculescu chimes in on the state of web fonts in 2010. I quote: So for now, if you want wide cross-browser support, you must:

  • find a free font whose license allows you to freely use it on the web;
  • produce EOT, WOFF and SVG variants of it
  • test it on all browsers on Windows with and without ClearType enabled and on Mac and hope it looks decent.
This forces tedious definitions like

@font-face { font-family: "Your typeface"; src: url("filename.eot"); src: local("Postscript name"), local("FontName"), url("filename.woff") format("woff"), url("filename.otf") format("opentype"), url("filename.svg#filename") format("svg"); } [Google] [More]  ⦿

Three CSS Typography Tools For Web Designers
[Jennifer Farley]

Jennifer Farley introduces Typechart, Typefolly and CSS Type Set. [Google] [More]  ⦿

Tim Ahrens
[Just Another Foundry]

[MyFonts] [More]  ⦿

Tim Ahrens
[FontFonter]

[More]  ⦿

Tim Brown
[Web Font Specimen]

[More]  ⦿

Tim Brown
[Nice Web Type]

[More]  ⦿

Toni Kukurin

A great article by Toni Kukurin from 2010 entitled An Analysis of Typography on the Web explains the basic rules and tricks for designing solid and readable web pages. [Google] [More]  ⦿

ttf -> eot
[Sebastian Kippe]

A free on-line tool by Sebastian Kippe to convert truetype files into EOT files. [Google] [More]  ⦿

ttf2eot
[Noah Petherbridge]

A free on-line conversion service called ttf2eot developed by Noah Petherbridge. He explains: This web tool is a front-end to the ttf2eot converter program, written by taviso. Noah merely wrote this front-end. [Google] [More]  ⦿

ttf2eot

A free Windows utility ttf2eot at this Brazilian site allows one to convert truetype files into EOT files. [Google] [More]  ⦿

ttf2eot
[Taviso]

Small free utility (by "Taviso") to convert truetype fonts to EOT (embedded OpenType). EOT is used by Internet Explorer to support css @font-face declarations. The developer is Taviso. A front end to this software was written by Casey Kirsle in 2009. [Google] [More]  ⦿

ttype
[Henrique Gusso]

Henrique Gusso's on-line font selection service. It eventually leads to a MyFonts link. [Google] [More]  ⦿

Type Browser
[Per Sandström]

Free utility for viewing web fonts in a browser developed by Per Sandström. Alternate URL. The blurb: Type Browser helps you get a good overview of how a font looks on the web. It's all HTML/CSS/JavaScript and can easily be used on locally on your computer. Convert your fonts to the various web formats using FontSquirrel's @font-face generator. The site also carries a number of free fonts: Blackout-2AM, ChunkFive, GoudyBookletter1911, Junction, LeagueGothic, OFLGoudyStMTT-Italic, OFLGoudyStMTT, Orbitron-Black, Orbitron-Bold, Orbitron-Light, Orbitron-Medium, ProcionoTT, Raleway-Thin, Sniglet. [Google] [More]  ⦿

Type-a-file
[Russ Maschmeyer]

Russ Maschmeyer's absolutely great HTML / CSS code for typesetting web pages. [Google] [More]  ⦿

TypeFolly
[Mircea Piturca]

A web font tool by Mircea Piturca who used to be at the University of Dijon. TypeFolly is probably the first web typography tool that allows designers to easily create beautiful "type follies". The result is a fully html and css3 compliant code. TypeFolly gives designers the freedom to create beautiful type compositions, test new font combinations and fully enjoy the power of css3. At this time we support the following css properties: font-family, font-size, color, letter-spacing, word-spacing, font-style, font-weight, text-decoration, text-align, z-index, line-height, width, height, opacity, moz/webkit-transform, text-shadow and font-face. [Google] [More]  ⦿

TypeFront

Web font server service based in Springwood, Australia. [Google] [More]  ⦿

Typekit
[Bryan Mason]

Typekit was founded by Ryan Carver, Bryan Mason and Jeffrey Veen in 2008, and is located in San Francisco. Typekit, the software, is a 2009 pay-as-you-go proposal for web page fonts, but there is a monthly bandwidth limit: We've been working with foundries to develop a consistent web-only font linking license. We've built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM. As a Typekit user, you'll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you'll be able to use real fonts. This really is going to change web design. We'll be launching this summer with a great collection of beautiful and hardworking typefaces. We'll offer a free version of the service to get you started, and a low-cost way to grow from there. A truly scalable professional version will follow soon after. Interview with Bryan Mason. As of 2011, the only type designer on staff is Tim Ahrens. In October 2011, Typekit was acquired by Adobe. [Google] [More]  ⦿

Web font hosting services
[Sylvia Egger]

Sylvia Egger compares 13 web font hosting services: Google fonts, Fontdeck, FontsLive, Fonts.com (Monotype), Typekit, WebINK, Webtype, Just Another Foundry, Typonine, Typotheque, Kernest, FontServe, TypeFont. [Google] [More]  ⦿

Web Font Services

Hosting and related web font services, as posted in May 2010 on typophile:

[Google] [More]  ⦿

Web Font Specimen
[Tim Brown]

Tim Brown tries to improve web typography. His web font specimen demo is very useful. Free prototype pages for font testing using @font-face. [Google] [More]  ⦿

Web fonts vs Commercial fonts

A comparison, one on one, of free web fonts and almost identical commercial web fonts. The pairings [(a,b) means a is commercial and b is free]:

  • (Rockwell Extra Bold, Bevan)
  • (Times New Roman STD, Taprom)
  • (Museo Slab 500 Regular OT, Arvo)
  • (ITC Franklin Gothic Std Book, Quattrocento)
  • (FF Meta Serif Offc, Radley)
  • (Minion Pro Subhead, Freehand)
  • (Eurostile Regular OT STD, Play)
  • (Gill Sans Pro Medium, Cabin)
  • (Frutiger Pro 55 Roman, DroidSans)
  • (Helvetica Neue 65 Medium, Cabin)
  • (FF Milo Offc Medium, Molengo)
  • (Avant Garde Gothic Std Book, Didact Gothic)
  • (Myriad Pro, Cabin)
  • (Futura PT Book, Didact Gothic)
  • (Neue Helvetica Std 25, Raleway)
[Google] [More]  ⦿

Web Type by Odopod

An on-line discussion and comparison of @font-face, cufon and sIFR by the people at Odopod in 2009. [Google] [More]  ⦿

Webfonts.info

Web font blog and web fonts news page. No indication who owns or runs this. [Google] [More]  ⦿

WebINK

Hosting for web fonts, by Extensis, the makers of Extensis Suitcase font management siftware. The web page does not permit easy browsing of the catalog. Also, most importantly, and indicative that money and only money matters, type designers are not identified. How can one sell URW Grotesk without tipping a hat to or even mentioning Hermann Zapf? [Google] [More]  ⦿

Webtype
[Petr van Blokland]

Webtype opened its doors in August 2010. It is a web font service headed by Font Bureau (David Berlow), with support from Ascender (and their Microsoft and Monotype collections), Petr van Blokland, Roger Black, and a web development company called DevBridge. The arguments David Berlow uses in his press release include (1) The availability of Font Bureau's RE (or: Reading Edge) fonts, which have been optimized for on screen use, (2) The expert hinting by Ascender's Tom Rickner, (3) A pay model that depends upon traffic, (4) The possibility of obtaining customized web fonts.

Webtype comments: The quality of the type seems to be fine. I think that in their pricing, they underestimated the traffic level by a factor of ten, which will end up costing users a lot of money. I explain. Let's say that you have about 600,000 unique visitors per month. At 18GB monthly traffic---their basic pricing level for that number of unique visitors---, individual fonts cost 100k per year and up. If each unique visitor looks at only 3 pages, each containing one font (assumed to take 10k worth of space, as a lower bound---it is usually much more), then we are looking at 18GB monthly traffic. So, any additional traffic (several fonts per page, more active unique visitors, and traffic from repeat visitors) will easily bump up the bill because additional traffic above 18GB is linearly priced. The pricing improved slightly in 2011. For a million pageviews, one starts paying about 160 dollars per year. Pricing will be in flux because I have a feeling that we will see Chinese and Indian web type operations at a fraction of the prices now shown---in fact, we have seen nothing yet. [Google] [More]  ⦿

Werner Lemberg
[Freedom of choice for font formats]

[More]  ⦿

Whatfont Bookmarklet
[Chengyin Liu]

A small free tool, to be placed in the bookmark bar of a web browser. It permits one to see what font is being used in text that is visited by one's mouse. By Chengyin Liu. [Google] [More]  ⦿

Windows Vista fonts

Microsoft's new Cleartype collection (released in 2006 after years of preparation) available here for free download in truetype format (and also sIFR format). These fonts are now sold by Ascender.

The fonts are: Calibri, Calibri-Bold, Calibri-Italic, Calibri-BoldItalic, Cambria, Cambria-Bold, Cambria-Italic, Cambria-BoldItalic, Candara, Candara-Bold, Candara-Italic, Candara-BoldItalic, Consolas, Consolas-Bold, Consolas-Italic, Consolas-BoldItalic, Constantia-Regular, Constantia-Bold, Constantia-Italic, Constantia-BoldItalic, Corbel, Corbel-Bold, Corbel-Italic, Corbel-BoldItalic. See also here and here. The OpenType versions are automatically installed when one downloads the beta 2 of Office 2007 or The Microsoft Office Compatibility Pack for Word, Excel, and PowerPoint 2007 File Formats (Beta 2). Comments by Poynter Online. Another download site. Candara download. Zip file with the fonts. Calibri source. Jeff Atwood claims that Consolas, which was designed for ClearType, can barely be used without it. [Google] [MyFonts] [More]  ⦿

WOFF: Opinion from Mozilla

October 2009. I was given permission by John Daggett and Jonathan Kew from Mozilla to post this piece on my web site---it was in response to something I wrote earlier, and clarifies the situation.

The tool for making woff2ttf is trivial, a novice Python/Perl programmer could write it in a couple hours. Most font designers involved in discussions on www-font realize this, they're more concerned about trivial piracy where someone simply copies a font on a webpage to their fonts folder. I've repeatedly said that the difference between that and an obfuscated format is trivial but that example *always* comes up in discussions. For us, WOFF is compressed so it does offer some advantages (nothing HTTP compression couldn't solve) and there is ability to decompress on a per-table basis so that a font is only decompressed under certain conditions.

Here's an interesting description of the state of things that a coworker wrote, I think it sums up things nicely:


After all the debate about font piracy (by other web sites and by
users), I'm surprised the font creators were happy with a format that
gives only creator *information* and minimal obfuscation. Did
something change?

Some font creators would still prefer stronger "DRM-like" protection of some kind, but I think most have accepted that this is not going to happen in an open-standards Web, and even that it's not technically feasible: if the fonts can be used at all on the user's computer, they can also be pirated (so it's not just that the free browser developers are being obstinate!).

For the most part, though, the vendors' position was that they wanted a distinct format that would differentiate "web fonts" from "desktop fonts", and make the act of taking a web font and installing it for local desktop use something that involves a deliberate act of conversion to circumvent this distinction. The common analogy was a "garden fence": it doesn't keep out a deliberate intruder, but it indicates the boundary of the property, so that a passer-by is aware that stepping over it may constitute an act of trespass.

The other key factor is the expectation (it's not part of the WOFF spec as such, but of how browsers are expected to implement it -- eventually part of a W3C recommendation around @font-face, most likely) that same-origin controls will be used to prevent cross-site linking, both for licensing and bandwidth concerns, except where a font-hosting site makes a deliberate choice to permit it (e.g., openfontlibrary.org).

In general, the vendors seem to have accepted that browsers will not be agents of license enforcement for them. By supporting a distinct web-only format (i.e. WOFF files won't "just work" if you drag them from the browser's cache to your Fonts folder), and allowing them to attach metadata to the files, we're giving them a model where they feel the threat of rampant, often unconscious, piracy is reduced, and where they have some possibility of tracking abuse if they wish (e.g., a vendor could easily "watermark" the WOFF files they deliver to customers, and use a web crawler to look for copies being used by others). They realize that there's no ironclad protection, but we're giving them a compromise -- a level of risk -- they feel they can live with. [Google] [More]  ⦿

WOFF: Specs

WOFF specs prepared in October 2009 by Jonathan Kew (Mozilla Corporation), Tal Leming (Type Supply), and Erik van Blokland (LettError). A WOFF font file is simply a repackaged version of a sfnt-based font (truetype, opentype) in compressed form. The format also allows font metadata and private-use data to be included separately from the font data. WOFF encoding tools convert an existing sfnt-based font into a WOFF formatted file, and user agents restore the original sfnt-based font data for use with a webpage. [Google] [More]  ⦿

WOFF: Typophile discussion

A heated discussion in October and November 2009 regarding WOFF and type delivery on the web. [Google] [More]  ⦿

WOFF (Web Open Font Format)

October 2009: Mozilla announces that Firefox, in its next update, will support the Web Open Font Format (WOFF). Conceived by Mozilla's own Jonathan Kew and font-designer/programmers Erik van Blokland and Tal Leming, WOFF addresses the concerns about unlicensed distribution expressed by many font-designers and, at the same time, holds the promise of a web-friendly, interoperable font format for the future. In the specs of this compressed format, one reads: This document specifies a simple compressed file format for fonts, designed primarily for use on the web. The WOFF format is directly based on the table-based sfnt structure used in TrueType[1], OpenType[2] and Open Font Format[3] fonts, which are collectively referred to as sfnt-based fonts. A WOFF font file is simply a repackaged version of a sfnt-based font in compressed form. The format also allows font metadata and private-use data to be included separately from the font data. WOFF encoding tools convert an existing sfnt-based font into a WOFF formatted file, and user agents restore the original sfnt-based font data for use with a webpage. Here are my reactions:

  • Why the O in WOFF? What is Open about it, if like all previous formats, it is compressed and only accessible to hackers?
  • Now it just a matter of waiting for converters that take truetype and or opentype into WOFF and vice versa. Well, truetype to WOFF exists (sfnt2woff) for Mac OS and Windows, thanks to the Mozilla people. WOFF to truetype is still missing, but it is a tter of time before somethng called woff2ttf will be published. I am sure the WOFF proposers already have such a tool, so why not make it available?
  • If I were a commercial font vendor afraid of placing my own truetype fonts on a web page, I would be worried about a possible WOFF to truetype converter. If I were a commercial font vendor not afraid of placing my own truetype fonts on a web page, then why would I use WOFF?
  • A font should only exist in one basic core form. The technology exists to take a truetype or opentype font and use it in web pages. So, why create another cesspool of formats to deceive commercial font vendors into thinking that their valuable fonts are safe from theft in this way, or to convince them that this is another licensing cow that can be milked for a few years?
[Google] [More]  ⦿

WOFF2OTF and OTF2WOFF

WOFF2OTF and OTF2WOFF are two free on-line conversion tools between the ".woff" web font format and OpenType (.otf). Similar converters are available for TrueType (ttf) and ttc formats, to and from woff. This, I think, is the last nail in woff's coffin. No commercial foundry will ever again agree to have their fonts used in ".woff" format. I did not test the tool, so I cannot attest to the losses incurred in the conversions, and I cannot judge the quality of the conversions. Feedback welcome. [Google] [More]  ⦿

Wordmark
[Fahri Özkaramanli]

An on-line tool to showcase the fonts installed on one's computer. Description: [...] Wordmark.it detects fonts installed on your system with a small Flash script written by Marko Dugonjic of Type Tester. It also uses Remy Sharp's font detection script. [...] I'm Fahri Özkaramanli (b. Nicosia, 1980), a freelance visual communication designer living in Istanbul. I received my BA in Visual Communication Design at Istanbul Bilgi University in 2005 where I am a candidate in VCDMFA and currently teaching Web Design and Interactive Web Projects courses as a part time instructor. [Google] [More]  ⦿