fonts.com blog
Posts Tagged ‘css3’

by Johnathan Zsittnik

Club Nintendo is a rewards program for Nintendo players and enthusiasts. Members earn “coins” that can be exchanged for games, downloads and other goodies by registering products and taking surveys.

The site features many of Nintendo’s most recognizable personalities. Mario certainly takes center stage, but the Avenir® typeface family gets its share of the spotlight. Avenir Black ensures headlines come across loud and clear, while the typeface’s humanistic traits keep text in line with the fun, informal tone of the Nintendo brand.

Take a closer look at Club Nintendo by following this Link… err, this link.

Club Nintendo using Fonts.com Web Fonts

 

Johnathan Zsittnik
Johnathan Zsittnik is the eCommerce Marketing Manager at Monotype Imaging. Johnathan holds both a bachelor’s degree in marketing and a master’s degree in business administration from Bentley University.



by Bill Davis

As moderator of a recent AIGA Chicago panel, “The New Web Typography,” I was reminded of how many designers and developers are still looking for a quick primer on Web font basics.

If you were one of the 120 designers in attendance, then you heard from the diverse range of panelists about the need to know more about the fundamentals of Web fonts. Our panel of experts – a Web developer, a Web engineer, and a type designer – offered insights into why the basic rules of Web fonts differ from the traditional world of system fonts.

Whether you’re a traditional graphic artist, a Web designer or developer, here are the top three “need to know basics” of Web fonts. For those who would like to see the AIGA Chicago presentation, check out the slide show at  http://www.slideshare.net/Monotype_Imaging/new-web-typography.

Web Fonts presentation at AIGA by Bill Davis

What Web font tips would you add to this list? What questions do you have? E-mail me at Bill@Fonts.com and please let me know.

1. Font Licensing
Can you take your desktop fonts and load them on a Web server?

For Web fonts, you have to secure the rights. For instance, you can’t take a system font and put it up on the Web just because you have the license to the system font. This point was amplified by each of the presenters. Some fonts on your computer may have been installed with an application, such as Adobe® Creative Suite® software. So you have to be careful and check the font licenses to ensure you have the right to use them on the Web.

You will find that there are some system fonts that are not yet Web fonts. The list of new Web fonts grows each day. However, if the font is exclusive to a foundry and not available through resellers, you may need to check with that foundry as to whether and when the Web font version will be available.

2. Font Quality
How do you choose print fonts that will look good on a screen?

Testing. Often designers ask about the best ways to determine font quality. The answer is testing. As you select fonts, you also need to build out Web pages in order to view your font choices on screen and across multiple Web browsers.

Recently we added a browser preview feature to the Fonts.com Web Fonts service. This allows you to see how fonts appear in different browsers, and with different operating system font-rendering settings.

3. Font Selection
How do you show clients different Web fonts during the creative stage of a Web design without having to buy each font?

There are different answers based on the Web font solutions you use. For example, the Fonts.com Web Fonts professional tier entitles you to 50 desktop downloads per month. This gives you the ability to use, play with and test fonts as part of your subscription during the client comp phase. The alternative is to make an investment in the desktop fonts so you can use them not only for Web design comps, but for any kind of print and Web project.



by Alan Tam

Monotype Imaging’s Fonts.com Web Fonts team and Google have been brainstorming ways to make Web fonts better. Our main focus has been on file size. The idea is simple. Smaller Web fonts are faster Web fonts. Faster is better.

Looking to reduce Web font file sizes, the Google Web Fonts team began working closely with us to discuss the advantages of our patented MicroType® Express (MTX) algorithm. The results led to the joint conclusion that in order to truly maximize the value of this technology, it needs to be adopted by Web browsers and font tools. Thus, we decided that the greatest benefits would be achieved by sharing MTX with the entire Web community. As a result, Monotype Imaging has agreed to make the MTX format, as described in our W3C submissions, available to the public at no cost, subject to the terms of a license which can be found at: http://www.monotypeimaging.com/aboutus/mtx-license.aspx. Further details on the contributed technology can be found at http://www.w3.org/Submission/MTX.

Our ongoing collaboration will lead to a significantly better user experience, including:

  • Page load speed – with smaller font files, Web fonts used in your branded content will load faster than ever!
  • Font rendering quality – smaller font files enable greater screen optimization of Web fonts for noticeably better display quality across a variety of device screens.
  • Font features – smaller fonts enable more room for OpenType® features.
  • Cross platform performance – With Monotype Imaging and Google working with the W3C, the Web community and other browser vendors on adopting Web font compression technology, you will see enhanced performance of your Web font content across browser platforms. In other words, you’ll be able to deliver great experiences to your audiences regardless the browser.

Initially, Monotype Imaging and Google will focus on font creation tools. Currently, Microsoft’s Internet Explorer® browser supports EOT (Embedded OpenType) font files which make use of MTX compression. Open source tools needed to make EOT files can now be extended and improved. Beyond these efforts are several other interesting prospects including the possibility of adoption by additional browsers. Learn more about this collaboration.

We are excited to continue our collaboration with the Google Web Fonts team and to see how the Web community might make use of this technology. More to come!


by Chris Roberts

Here’s a ranked listing of Fonts.com Web Fonts’ top 100 most used Web fonts for December 2011:

Futura® Bold
Neue Helvetica® 55 Roman
Neue Helvetica® 35 Thin
Neue Helvetica® 75 Bold
Neue Helvetica® 45 Light
Univers® 57 Condensed
Avenir® 85 Heavy
Futura® Bold Condensed Oblique
Garamond 3 Regular
Garamond 3 Italic
Bauer Bodoni® Black Italic
Avenir® 35 Light
DIN 1451 Engschrift
Sackers™ Gothic Heavy
Sackers™ Gothic Medium
Trade Gothic® Bold
Avenir® 65 Medium
Helvetica® Condensed Bold
Linotype Univers® 620 Condensed Bold
Neue Helvetica® 25 Ultra Light
Futura® Medium
Trade Gothic® Condensed Bold 20
Avenir® 95 Black
Linotype Univers® 420 Condensed
Linotype Didot® Roman
Linotype Didot® Bold
Avenir® 55 Roman
Neue Helvetica® 65 Medium
Univers® 47 Condensed Light Oblique, Extended
DIN Next™ Condensed Bold
Linotype Univers® 320 Condensed Light, Extended
Futura® Book
Linotype Didot® Italic
Neue Helvetica® 67 Condensed Medium
Neue Helvetica® 77 Condensed Bold
Trade Gothic® Roman
Laurentian™ Semi Bold Italic
Neue Helvetica® 63 Extended Medium
DIN Next™ Bold
Trade Gothic® Bold 2
Futura® Bold Condensed
Avenir® 45 Book
Futura® Medium Condensed
Neue Helvetica® 53 Extended, Extended
Neue Helvetica® 73 Extended Bold, Extended
Trade Gothic® Condensed 18
Futura® Heavy
PMN Caecilia® 85 Heavy
PMN Caecilia® 75 Bold
ITC Avant Garde Gothic® Book
Neue Helvetica® 57 Condensed
Trade Gothic® Condensed Bold #20, Extended
Neue Frutiger® Book
Neue Frutiger® Bold
PMN Caecilia® 76 Bold Italic
Neue Helvetica® 47 Condensed Light
DIN Next™ Regular
Neue Helvetica® 45 Light, Extended
Neue Frutiger® Light
VAG Rounded™ Bold
Monotype Grotesque® Condensed
Helvetica® Bold
DIN Next™ Condensed Regular, Extended
Neue Helvetica® 55 Roman, Extended
Trade Gothic® Bold, Extended
Neue Helvetica® 37 Condensed Thin
Trade Gothic® Next Regular
Futura® Book, Extended
Univers® 67 Condensed Bold Oblique
Helvetica® Bold, Extended
Avenir® 55 Roman, Extended
Rockwell® Bold
ITC Avant Garde Gothic® Medium
Trade Gothic® Extended Bold
VAG Rounded™ Light
Futura® Bold, Extended
Trade Gothic® Condensed #18, Extended
Neue Helvetica® 65 Medium, Extended
Felbridge™ Regular
Neue Helvetica® 46 Light Italic
Figural™ Book
Frutiger® 65 Bold
Neue Frutiger® Regular
Univers® 55 Roman
Baskerville Regular, Extended
Helvetica® Bold Italic
VAG Rounded™ Black
ITC Avant Garde Gothic® Bold
Gill Sans® Book
Neue Frutiger® Bold Italic
Frutiger® 45 Light
Univers® 45 Light
Frutiger® 45 Light, Extended
Avenir® Next Demi
Eurostile® LT Bold
Frutiger® 65 Bold, Extended
Neuzeit® Office Bold
Eurostile® LT Roman
Neuzeit® Office Regular, Extended
Trade Gothic® Bold #2, Extended


by Bill Davis

This week our Web font development team achieved another impressive milestone. We now have over 20,000 fonts available through Fonts.com Web Fonts!

20,000 Web fonts from Fonts.comAll our Web font releases go through an exhaustive process to ensure that all Web fonts render properly in all browsers on different platforms. We manually review every font, and use a series of proprietary hinting tools to make sure the on-screen rendering meets our quality standards.

This newest release features a wide range of type styles from over 20 different foundries:

This newest release provides Fonts.com Web fonts customers with a broad array of display, script and ornamental fonts, in addition to symbol and picture fonts. You can view all our new Web fonts at http://webfonts.fonts.com.


by Chris Roberts

Here’s a ranked listing of Fonts.com Web Fonts’ top 100 most used Web fonts for October 2011

Futura® Bold
Neue Helvetica® 35 Thin
Neue Helvetica® 55 Roman
Avenir® 55 Roman
Avenir® 85 Heavy
Univers® 57 Condensed
Neue Helvetica® 75 Bold
Garamond 3 Regular
Garamond 3 Italic
Avenir® 35 Light
Neue Helvetica® 45 Light
Bauer Bodoni® Black Italic
Helvetica® Condensed Bold
Sackers™ Gothic Heavy
Avenir® 65 Medium
Sackers™ Gothic Medium
Avenir® 95 Black, Extended
DIN 1451 Engschrift
Neue Helvetica® 25 Ultra Light
Futura® Medium
Trade Gothic® Condensed Bold 20
Avenir® 95 Black
Linotype Univers® 620 Condensed Bold
Trade Gothic® Bold
Neue Helvetica® 77 Condensed Bold
Linotype Univers® 420 Condensed
Futura® Book
Linotype Didot® Bold
Linotype Didot® Roman
Linotype Didot® Italic
Linotype Univers® 320 Condensed Light, Extended
DIN Next™ Condensed Bold
Univers® 47 Condensed Light Oblique, Extended
Neue Helvetica® 67 Condensed Medium
Trade Gothic® Roman
Futura® Bold Condensed Oblique
Neue Helvetica® 65 Medium
Avenir® 45 Book
Futura® Bold Condensed
Trade Gothic® Condensed 18
Futura® Medium Condensed
DIN Next™ Bold
Futura® Heavy
Trade Gothic® Bold 2
PMN Caecilia® 75 Bold
PMN Caecilia® 85 Heavy
Laurentian™ Semi Bold Italic
Neue Helvetica® 45 Light, Extended
Monotype Grotesque® Condensed
ITC Avant Garde Gothic® Book
PMN Caecilia® 76 Bold Italic
Trade Gothic® Bold, Extended
Neue Helvetica® 47 Condensed Light
Trade Gothic® Condensed Bold #20, Extended
Trade Gothic® Extended Bold
Neue Frutiger® Book
VAG Rounded™ Bold
Neue Frutiger® Bold
Neue Frutiger® Light
Neue Helvetica® 55 Roman, Extended
Neue Helvetica® 57 Condensed
Helvetica® Bold
DIN Next™ Regular
Administer BookItalic
Neue Helvetica® 87 Condensed Heavy
Neue Helvetica® 37 Condensed Thin
Helvetica® Bold, Extended
Rockwell® Bold
Avenir® 55 Roman
Univers® 67 Condensed Bold Oblique
DIN Next™ Condensed, Extended
Trade Gothic® Next Regular
ITC Avant Garde Gothic® Medium
Neue Helvetica® 63 Extended Medium
Neue Helvetica® 53 Extended, Extended
Felbridge™ Regular
Neue Helvetica® 73 Extended Bold, Extended
VAG Rounded™ Light
Gill Sans® Book
Trade Gothic® Next Condensed Bold
Trade Gothic® Bold #2, Extended
Neuzeit® Office Bold
Neuzeit® Office Regular, Extended
Frutiger® 65 Bold
ITC Avant Garde Gothic® Bold
Futura® Book, Extended
VAG Rounded™ Black
Helvetica® Bold Italic
Frutiger® 55 Roman
Rockwell® Regular
Neue Frutiger® Regular
ITC Lubalin Graph® Book
Avenir® Next Demi
Trade Gothic® Condensed #18, Extended
Neue Helvetica® 65 Medium, Extended
Cochin® Roman
Neo® Sans Regular, Extended
Eurostile® Next Regular
Linotype Univers® 520 Condensed Medium
Frutiger® 45 Light, Extended


by Chris Roberts

Here’s a ranked listing of Fonts.com Web Fonts’ top 100 most used Web fonts for September 2011:

Avenir® 55 Roman
Futura® Bold
Avenir® 95 Black, Ext.
Neue Helvetica® 55 Roman
Neue Helvetica® 35 Thin
Avenir® 85 Heavy
Univers® 57 Condensed
Neue Helvetica® 75 Bold
Neue Helvetica® 77 Condensed Bold
Garamond 3 Regular
Garamond 3 Italic
Bauer Bodoni® Black Italic
Sackers™ Gothic Heavy
Sackers™ Gothic Medium
Avenir® 65 Medium
Trade Gothic® Condensed Bold #20, Ext.
Avenir® 35 Light
Neue Helvetica® 45 Light
Neue Helvetica® 87 Condensed Heavy
Trade Gothic® Condensed Bold 20
Trade Gothic® Bold
Helvetica® Condensed Bold
Neue Helvetica® 25 Ultra Light
Futura Medium
Neue Helvetica® 57 Condensed
Administer BookItalic
Avenir® 95 Black
Linotype Univers® 620 Condensed Bold
Linotype Didot® Bold
Linotype Didot® Roman
Linotype Univers® 420 Condensed
Linotype Didot® Italic
Neue Helvetica® 67 Condensed Medium
Linotype Univers® 320 Condensed Light, Ext.
Futura® Book
Univers® 47 Condensed Light Oblique, Ext.
Trade Gothic® Roman
Avenir® 45 Book
Futura® Heavy
Futura® Bold Condensed
Futura® Medium Condensed
PMN Caecilia® 75 Bold
PMN Caecilia® 85 Heavy
Neue Helvetica® 45 Light, Ext.
Trade Gothic® Bold 2
PMN Caecilia® 76 Bold Italic
ITC Avant Garde Gothic® Book
Neue Helvetica® 65 Medium
Monotype Grotesque® Condensed
Neue Helvetica® 37 Condensed Thin
Neue Helvetica® 47 Condensed Light
Neue Frutiger® Light
Trade Gothic® Bold, Ext.
Neue Frutiger® Bold
Neue Frutiger® Book
ITC Legacy® Serif Bold Italic
Neue Helvetica® 55 Roman, Ext.
VAG Rounded™ Bold
Rockwell® Bold
Trade Gothic® Condensed 18
Univers® 67 Condensed Bold Oblique
Avenir® 55 Roman, Ext.
Trade Gothic® Extended Bold
Felbridge™ Regular
Neue Helvetica® 77 Condensed Bold, Ext.
Cochin® Roman
Neuzeit® Office Bold
Neuzeit® Office Regular, Ext.
VAG Rounded™ Black
ITC Avant Garde Gothic® Medium
Neue Helvetica® 63 Extended Medium
Neue Helvetica® 53 Extended, Ext.
Frutiger® 65 Bold
Neue Helvetica® 73 Extended Bold, Ext.
DIN Next™ Bold
Frutiger® 55 Roman
Trade Gothic® Bold #2, Ext.
DIN Next™ Regular
ITC Avant Garde Gothic® Bold
VAG Rounded™ Light
Trade Gothic Next Regular
Helvetica® Bold, Ext.
Helvetica® Bold
Trade Gothic® Condensed #18, Ext.
Neue Helvetica® 65 Medium, Ext.
DIN 1451 Engschrift
DIN Next™ Condensed Bold
Frutiger® 45 Light, Ext.
Neo Sans Regular, Ext.
ITC Avant Garde Gothic® Demi
Palatino® Sans Arabic Regular
Avenir® Next Demi
Trade Gothic Next Condensed Bold
Eurostile® Next Regular
Eurostile® Next Extended Regular
Trade Gothic® Light
Eurostile® Next Extended Bold
Eurostile® Next Extended Semibold
Eurostile® Next Semi Bold, Ext.
Gill Sans® Book


by Johnathan Zsittnik

Maytag is well-known not only for its durable appliances but also for its commercial-grade parts. When assembling its latest website design, the manufacturing giant once again invested in high-quality parts – this time, assembling headlines with the Neue Helvetica® typeface family.

Laundry and kitchen appliances take center stage on the site’s home page. Accompanying headlines reinforce Maytag’s reputation for quality while Neue Helvetica Bold Extended ensures the message comes through loud and clear.

Maytag Website

Johnathan Zsittnik
Johnathan Zsittnik is the eCommerce Marketing Manager at Monotype Imaging. Johnathan holds both a bachelor’s degree in marketing and a master’s degree in business administration from Bentley University.



by Johnathan Zsittnik

Yesterday, we opened up the call for entries to the 2011 Web Font Awards. If you’re just learning about it for the first time (and haven’t already guessed), the Web Font Awards is a design competition for websites using Web fonts. Entrants compete for two prizes. Our Community Choice winner goes to the site with the highest rating on webfontawards.com. Anyone can rate a site by creating a free account. Let your voice be heard. Our Judges’ Choice award will be determined American Idol-style by a live panel of judges at the Future of Web Design New York conference in November. Our winners will receive a hefty take that includes a trip to the Future of Web Design London conference in 2012, an iPad® 2 device, a subscription to Fonts.com Web Fonts and other prizes.

If you’re familiar with the Web Font Awards, let me catch you up on what’s new with this year’s competition.

New breed of entrants
A lot has changed in a year. While we’re still in the early phases of adoption, there are far more users and many more recognizable brands leveraging this exciting technology than just one year ago. Visit webfontawards.com frequently to see who.

Increase the power of your vote
Everyone has a vote in our Community Choice award, but not all will be created equal. Make sure yours carries as much weight as possible! In order to stimulate engagement in the competition as well as fair voting practices, we’ve built in some controls that will allow you to increase your influence. Those who contribute designs, vote frequently, vote fairly and share info with us that tell us you’re not a robot, will be rewarded by having their votes worth more.

Share your site
Web Font Awards sharing widgetIf you contribute your design, you’ll find code for a handy promotional widget on your contribution page. Add the code to your own site to present a snapshot of your entry and its current rating to your visitors and encourage them to rate your site. Each submission page also includes a host of sharing tools to promote entrants through the social avenue of your choice.

Once again, we’d like to thank our friends at Carsonified for helping us put on the Web Font Awards as well as our media partners, HOW, Creative Review, Slanted and Novum and our many sponsors.

We hope you enjoy the competition. Now get out there and submit, rate, and enjoy!

 

2011 Web Font Awards

Johnathan Zsittnik
Johnathan Zsittnik is the eCommerce Marketing Manager at Monotype Imaging. Johnathan holds both a bachelor’s degree in marketing and a master’s degree in business administration from Bentley University.



by Chris Roberts

Here’s a ranked listing of Fonts.com Web Fonts’ top 100 most used Web fonts for August 2011:

Neue Helvetica® 87 Condensed Heavy
Administer BookItalic
Univers® 57 Condensed
Neue Helvetica® 77 Condensed Bold
Avenir® 85 Heavy
Garamond 3 Regular
Helvetica® Condensed Bold
Futura® Bold
Garamond 3 Italic
Bauer Bodoni® Black Italic
Neue Helvetica® 35 Thin
Sackers™ Gothic Heavy
Sackers™ Gothic Medium
Neue Helvetica® 55 Roman
Neue Helvetica® 57 Condensed
Neue Helvetica® 75 Bold
Avenir® 35 Light
Avenir® 65 Medium
Avenir® 55 Roman
Neue Helvetica® 45 Light
Trade Gothic® Bold
Futura Medium
Trade Gothic® Condensed Bold 20
Trade Gothic® Condensed Bold #20, Ext
Avenir® 95 Black
Neue Helvetica® 25 Ultra Light
ITC Legacy® Serif Bold Italic
Avenir® 95 Black, Ext
Futura® Book
Linotype Didot® Bold
Linotype Didot® Roman
Linotype Didot® Italic
Neue Helvetica® 67 Condensed Medium
Linotype Univers® 420 Condensed
PMN Caecilia® 75 Bold
Linotype Univers® 620 Condensed Bold
Futura® Bold Condensed
Neue Helvetica® 47 Condensed Light
PMN Caecilia® 85 Heavy
Linotype Univers® 320 Condensed Light, Ext
PMN Caecilia® 76 Bold Italic
Futura® Medium Condensed
Univers® 47 Condensed Light Oblique, Ext
Futura® Heavy
Neue Helvetica® 37 Condensed Thin
Monotype Grotesque® Condensed
ITC Avant Garde Gothic® Book
Avenir® 45 Book
VAG Rounded™ Black
Neue Helvetica® 45 Light, Ext
Neue Helvetica® 65 Medium
Avenir® 55 Roman, Ext
Rockwell® Bold
VAG Rounded™ Bold
Neue Helvetica® 55 Roman, Ext
Trade Gothic® Roman
Felbridge™ Regular
Neue Helvetica® 63 Extended Medium
Trade Gothic® Extended Bold
Neue Helvetica® 53 Extended, Ext
Helvetica® Condensed Bold, Ext
Neue Helvetica® 73 Extended Bold, Ext
Frutiger® 65 Bold
Neue Frutiger® Light
Eurostile® Next Regular
Eurostile® Next Extended Regular
Eurostile® Next Extended Bold
Neue Helvetica® 65 Medium, Ext
Eurostile® Next Extended Semibold
Eurostile® Next Semi Bold, Ext
ITC Avant Garde Gothic® Medium
Frutiger® 55 Roman
ITC Avant Garde Gothic® Bold
ITC Avant Garde Gothic® Demi
Trade Gothic® Light
Neue Frutiger® Bold
Neo Sans Regular, Ext
Trade Gothic® Bold, Ext
Neue Frutiger® Book
Univers® 67 Condensed Bold Oblique
DIN Next™ Regular
Helvetica® Light, Ext
Trade Gothic® Condensed 18
Helvetica® Rounded Condensed Bold
Palatino® Sans Arabic Regular
Frutiger® 45 Light, Ext
Neue Frutiger® Regular
Cochin® Roman
Helvetica® Condensed
Trade Gothic® Condensed #18, Ext
Neo® Sans Arabic Regular
VAG Rounded™ Light
ITC Lubalin Graph® Book
Neue Helvetica® 67 Condensed Medium, Ext
Avenir® Next Demi
Avenir® 35 Light, Ext
Neue Helvetica® 75 Bold, Ext
Neue Frutiger® Medium
Helvetica® Bold, Ext
Frutiger® 65 Bold, Ext

Great type makes sites stand out