fonts.com blog
Posts Tagged ‘web’

by Ryan Arruda

Owens Corning is a worldwide manufacturer of building and construction products; known for their iconic pink fiberglass insulation, the company produces a wide gamut of construction products used in both residential and commercial projects.

The Owens Corning website features the Gill Sans typeface family, employing both light, book, and medium weights. The humanistic strokes of Gill Sans projects approachability, while the light weight used in the headline provides touches of clean, architectural modernity and soundness. The multiple weights of Gill Sans in play on the Owens Corning site not only delineates product content, but provides aesthetic stability and balance as well. Owens Corning Website


by Ryan Arruda

Geek Squad are technology professionals who help clients with all their electronic conundrums. Whether through home visits, by telephone, or even remotely, Geek Squad agents are available 24/7 to assist with the digital computing needs of consumers.

The Geek Squad UK website uses the DIN Next typeface extensively, achieving balanced hierarchy by employing both heavy, bold, and regular weights. The typeface presents both authority and affability, much in line with the image of the Geek Squad agents. The judiciously rounded curves of DIN Next nicely hint at the technological foundation of Geek Squad’s services.

Who ever thought that a squad of geeks would be so typographically hip?Geek Squad website using Web fonts

 


by Johnathan Zsittnik

At first take, it may be surprising to hear that a website of a government agency is an early adopter of Web fonts. But when you consider the FCC’s goal of promoting innovation in communication services and facilities, it makes sense.

Established in 1934 as an independent U.S. government agency, the Federal Communications Commission regulates interstate and international communications by radio, television, wire, satellite and cable in all 50 states, the District of Columbia and U.S. territories.

The commission’s website features background information on the FCC, a newsroom, reporting tools and a series of resources for working with the FCC. The site’s use of the Trade Gothic® family not only makes the text distinctive, but also keeps text machine readable and sizable, helping FCC.gov achieve elegance and accessibility.

FCC website using 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 Johnathan Zsittnik

If you’re currently using Web fonts or are closely following the Web font movement, you’re aware of the role that a vistor’s operating system and browse plays in the display of a Web page using Web fonts. Because of the various approaches to font rendering taken by OS and browser providers, type appears differently between OS and browser combinations. This should be a consideration for Web designers when deciding which typefaces to use and how to use them.

To help aid this process, we’ve added an OS and browser preview feature to Fonts.com Web Fonts. To try it out, go to any product page and click the “Browser preview” tab. You’ll be presented with a waterfall image of the font displayed using a particular OS and browser. Use the OS and browser dropdown menus to go directly to the combination of your choice or use the arrow controls to scroll through each preview image. The tool currently provides previews for the following OS environments and browsers. Which others would you most like to see next? Let us know!

OS environments

  • Windows XP (font smoothing)
  • Windows XP (ClearType)
  • Windows 7 (ClearType)
  • Windows 7 (DirectWrite)
  • Mac OS X

Browsers*

  • Firefox 5
  • Firefox 7
  • Chrome 12
  • Safari 5
  • Internet Explorer 8
  • Internet Explorer 9

*Some browser options are available only with certain OS combinations.

Fonts.com Web Fonts Browser Preview

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

As the official website of Switzerland tourism, MySwitzerland.com provides a variety of resources to prospective travelers. Website visitors can pour through options for Swiss destinations, accommodations and transportation – or simply learn more about the country.

The website brings the look and feel you’d expect from anything Swiss-made; perhaps making the creative brief the easiest ever created. “Color palette? Let’s go with red and white.” “Typeface? Hmm, let’s see if Neue Helvetica® will work.” The definitive Swiss typeface is used in the masthead and throughout the site, courtesy of Fonts.com Web Fonts.MySwitzerland website using 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 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 Vikki Quick

I’m at ATypI, the type conference being held in Reykjavik right now, and I’m struck by the diversity of the presentations. Type is being dissected at every angle, from looking at new methods for manipulating font outlines during the typeface design process to discussing the “issues and perspectives in cross-cultural typographic communication.” Of particular interest was one talk, “The Subtle & Peculiar Lessons We Learned from Google Web Fonts Users” – the focus of this post.

Dawn Shaikh, senior user experience researcher at Google, and Mark Tobias Kunisch, also from Google and the lead user experience designer for the Google Web Fonts project, spoke about what they learned from a study conducted last winter on Web fonts users. Data was gathered from more than 50 Web fonts users, ranging from novice to experienced users.

Dawn Shaikh and Mark Tobias Kunisch of Google discuss a study on Web fonts users.

The study revealed that users are more likely to be dabbling in Web fonts than fully committing to them. Users are looking for high-quality fonts, “lots and lots” of fonts and complete font families for body copy. Users want to be able to input their own custom text to see how a font will look, and they want a fast, easy implementation, a try-before-you buy model, and the ability to print the fonts on paper to show to clients. Comparing fonts side by side is important to users, and they also like to be presented with font suggestions, but not subtle ones where they might be missed and not obvious ones that can feel condescending. Users want their Web font service to be a beautiful website that showcases fonts, with excellent organization of the fonts that work on all platforms, all browsers, all devices, all the time. Users also want an easy way to download fonts.

What do users not care about? The study showed that users don’t care about detailed statistics on font usage, or information about the font designers. The study also revealed that users aren’t looking for international fonts, although Dawn thinks a wider study with more international participants would change that view.

What are users concerned about? In the case of open source fonts, users are concerned about quality, missing characters and incomplete families. Users are concerned there are not enough high-quality typeface families that can perform well in mobile devices.

Further, users are also concerned about tagging. They’re suspicious because they’re not sure why a font would be tagged as “old-fashioned” or any other subjective or unclear term that may mean different things to different people. When selecting fonts, users currently favor narrowing a search and then viewing the designs – a filter then scroll approach.

What are some of thoughts on paying for fonts? Study participants had first tried Google Web Fonts for free and most had trial accounts with other services and go back and forth. There were mixed views on paying for Web fonts using a subscription model or as a single transaction. Users relate to the simplicity of a one-time charge but see it as limiting, since subscription plans provide access to a wide range of fonts at any time.

Users are unsure as to how to determine the value of Web fonts or how to measure their return. Users are also scratching their heads about how to educate their clients about Web fonts.

The study helped to shed light on what’s working – and what’s not – and has helped Google to employ user-centric methods to create a new user interface for browsing, selecting and using Google Web Fonts. The fact that Google is sharing results means the whole Web font community can benefit. It also confirms we’re still at the beginning of this shift in designing for the Web.

Click here to learn more about Google’s Web fonts research.

 


by Mark Larson

When the University of the West of England was founded in 1595 (as the “Bristol Society of Merchant Venturers’ Navigation School ”), the font selection they had to choose from was quite a bit smaller than it is today, to say the least. However, when it came to their recent website update, they not only had a vast selection to choose from, but they took the opportunity to implement Web fonts.

Because the university’s mission is to “make a positive difference to our students, business and society”, the university’s website is, in effect, the face of that mission. With than in mind, they chose to use the VAG Rounded™ typeface throughout the navigation elements and headlines on the website. The type’s rounded ends make text appear more informal, imparting a friendly appearance, while still maintaining a professional demeanor.

University of the West of England

University of the West of England


by Johnathan Zsittnik

Whirlpool, well-known for their line of appliances supporting fabric care, cooking, refrigeration, dishwashers and other aspects of daily life, is among the latest major brands to load up on Web fonts.

Visitors to Whirlpool.com are greeted by a Flash® animation highlighting a selection of appliances. A roomy and well-structured navigation keeps things clean and tidy while making it easy to explore the site’s numerous products and categories. The Avenir® and PMN Caecilia® typefaces aids the hierarchy of the nav and helps the site shine.

Whirlpool website using 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 Johnathan Zsittnik

Goodwin Procter is a recognized law firm with a growing presence across the United States and abroad. The firm was founded in Boston in 1912. Nearly a century later, their corporate headquarters remain in Boston, not far from Monotype Imaging’s center of operations. Good kids. Local kids.

The firm calls on the Trade Gothic® Condensed family to establish hierarchy within their website. The type’s distinctiveness sets headlines apart from body copy, helping to organize the content and direct the eye.

Upon further examination, we find design to be attractive, beyond a reasonable doubt. We’ve also concluded that Goodwin Proctor may be just the team to help us with that cease and desist on use of Web-safe fonts.

Goodwin Proctor website using 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.