Category Archives: Web Fonts

Theresa’s Tips: Hosting Web FontFonts on Typekit

FontShop makes hosting Web FontFonts on Typekit easy.

When you purchase a license from FontShop for a Web FontFont you can self host the typeface, or you can take advantage of our partnership with Typekit. It’s just a simple click on the link we provide on your check out confirmation page. If you don’t have a Typekit account, then you can set up a plan that’s right for you. Please note that only Web FontFonts can be hosted on Typekit from FontShop.

Theresa’s Tips: Web FontFont licenses and how they work.

FontShop sells three different types of licenses: Desktop, Web, and Mobile. Here are some tips to help you with your Web FontFont purchase.

A license for a Web FontFont is based on the number of pageviews a single website has in a month, lets call them “pvm” for short. Once you place a web font into your cart, you can choose to purchase a license from three tiers: 500,000 pvm, 5 million pvm, or 50 million pvm. Please note that you can always extend your license to support additional pvm or request for a quote if you need to support more than 50 million pvm by contacting us.

Web FontFonts are licensed by the average pageviews per month of all the domains within the licensing organization.

All Web FontFonts come with three font files: Comp, EOT, and WOFF. The Comp file is an TrueType-flavored OpenType font that can only be used in the design phase of  website. A separate license is needed if you need to use the Comp files for any other purpose and the use of Comp files within a website is prohibited.

You can find all the web fonts we sell here and all FontFont’s EULAs hereHere are FAQ regarding web fonts.

Webfont Wednesday: Tweet This

It’s been awhile since we had a Webfont Wednesday, but we were thrilled when this caught our eye:

Yes, the folks over at (newly redesigned) Twitter put FF Tisa Web to simple and beautiful use in their 2011 Year in Review.

Easy to read, the typeface brings a unique clarity to summarizing a year on a service designed to get the message across quickly. We’re excited that FontFont webfonts can be a part of looking back at 2011, as we look forward to both tweets and typefaces in 2012!

Theresa’s Tips: Roll Call

You may be familiar with FontShop, but do you know about all the other sites that we’re connected with? If not, then here’s a brief introduction to them.

The FontFeed is a daily dispatch of recommended fonts, typography techniques, and inspirational examples of digital type at work in the real world. Eat up.

FontFont, our foundry, is the world’s largest library of original contemporary typefaces, such as FF DIN and FF Meta.

FontFonter is a web tool that allows you to render Web FontFonts on any website. Basically allowing you to test out a webfont on your site instantly, which is perfect when you want to show your client what their site could look like in a different typeface.

Subsetter is another great tool that helps you decrease the size of a Web FontFont. In three easy steps, you can optimize your Web FontFont at no cost to you. Read more here.

The latest addition is Mobile FontFonts and if you’re building an iOS App then you should start by checking these faces out.

Also, TYPO San Francisco will take place at Yerba Buena Center for the Arts (YBCA), April 5-6, 2012 centering around the theme Connect. So head on over to TYPO Talks for a taste of what to expect.

Theresa’s Tips: Desktop, Web, and Mobile Licenses

If you’re starting your project, you’ll want to think about where you will want your typeface to live. Do you want to create mobile applications for the iPhone? Will you need to spruce up your website? Are you creating marketing materials or graphics for a product? So many questions, but hopefully I can help you sort out the type of license you’ll need with this brief overview of what FontShop offers.

When viewing our site you’ll see three types of licenses: Desktop, Web, and Mobile. A desktop license allows a font to live on your computer. The software is installed on your system so that you can use that font in various programs, such as MS Office or Adobe Creative Suite. Most desktops licenses do not allow you to include the font software on your website or mobile app, so additional licenses are needed.

Web licenses allow your fonts to live on your website using the CSS @font-face rule. Fonts that are made for the web can be in different formats, with the most common being WOFF. You can view all webfonts available here.

Mobile licenses are the latest addition and will allow a developer to include fonts into an app. The best part of a mobile license is that once the developers are licensed, they are not limited to the number of apps they can create and the license is perpetual, just like web and desktop licenses. Also, Mobile Fonts have web and desktop counter parts.

Friday Five: TYPO London, Mobile Fonts, and Must Reads

We know you’re busy and the Internet is a crowded place, so we’ll try to give you a little reminder on Fridays of what’s going on out there. Below please find five recent FontShop-related threads that you may have missed.

TYPO London 2011 “Places”

Can’t make it to Typo London? Don’t fret! Follow @typoconf and #typo11 via Twitter to get updates from the conference. There are also two live streams scheduled for each day.

Mobile and Web FontFonts

With the introduction of Mobile FontFonts, you can now move your online brand to mobile.

New Foundry, New Fonts, and ISTD 2011 Award Winners

Read the latest newsletter to find out who won and then visit our new foundry, psType.

Tip Roundup

Have you been following Theresa’s Tips? If not, then here’s your chance to catch up! Read it here.

On the FontFeed

Yves Peters covers “French Advertising Alphabets from 1946“.

Friday Five Fonts: Neplus Ultra OT by psType and FF Dagny by FontFont

15 Ways to Move Your Online Brand to Mobile

Last week we introduced Mobile FontFonts, 15 type designs in 14 font packages for embedding in apps, tailored to the needs of iOS developers.

Did you know that all the faces we put out as mobile fonts are also available as webfonts? That means that you can design your mobile apps to reflect the brand you’ve created on your website, or that you can give your site a familiar feel to those who know you through your app.

So go on, get with it. We can’t wait to see what you think up next.

Mobile Font: FF Basic Gothic Mobile
Webfont: FF Basic Gothic WebMobile Font: FF Celeste Mobile
Webfont: FF Celeste Web

Mobile Font: FF Celeste Sans Mobile
Webfont: FF Celeste Sans Web

Mobile Font: FF Clifford Mobile
Webfont: FF Clifford Web

Mobile Font: FF Cocon Mobile
Webfont: FF Cocon Web

Mobile Font: FF Daxline Mobile
Webfont: FF Daxline Web

Mobile Font: FF Duper Mobile
Webfont: FF Duper Web

Mobile Font: FF Good Mobile
Webfont: FF Good WebMobile Font: FF Providence Mobile
Webfont: FF Providence Web & FF Providence Sans Web

Mobile Font: FF Suhmo Mobile
Webfont: FF Suhmo Web

Mobile Font: FF Tisa Mobile
Webfont: FF Tisa Web

Mobile Font: FF Trixie & FF Hands Mobile
Webfont: FF Trixie Web & FF Hands Web

Mobile Font: FF Yoga Mobile
Webfont: FF Yoga Web

Mobile Font: FF Yoga Sans Mobile
Webfont: FF Yoga Sans Web

Friends of the Web

At FontShop we try to keep an eye out for type used well on the web and share the good stuff with our friends. One site Twitter pointed us to recently is Friends of the Web, a Baltimore design firm that works mainly in electronic media.

“So much of the web is filled with sites that are cluttered, convoluted,  mysterious. We just wanted to be clear about exactly who we are and what we do,” said Andy Mangold who picked up the phone when I called. The message of the site couldn’t be plainer. Set in FF Tisa Web Pro Bold the introductory statements come off genially, and with credibility. Ratio from psType serves as a secondary face to Tisa; both are hosted by Typekit.

One of the projects Andy shared with me that’s slated for release within a couple weeks is Quiption, an iPhone App that allows its user to overlay photographs with stylized type and lettering. These images can then be shared over the web—or should the user desire—as real, mailable postcards. Quiption’s micro-site is set in a less-famous cut of Century Schoolbook.

And also presently under development is Orbit, a very simple game that is both mesmerizing and disorienting. Morris Fuller Benton’s Alternate Gothic must of course get some of the credit for this.

Typekit Update Includes Newest Web FontFonts

Have a Typekit account? Integrate the latest Web FontFonts today. Don’t forget, the files include comp fonts for offline design. They also ensure you end up with a smaller file size, additional optimization for Microsoft’s rendering API DirectWrite and improved vertical metrics for consistent baseline positions in all browsers. In many of the files, you can also now choose between Oldstyle Figures and Proportional Lining Figures.

You may also notice we’ve updated the look of this blog with some new webfonts. The headers are now in FF Sero Web and the body text in FF Tisa Web.

Have you given your site a makeover yet? Let us know in the comments!

New Fonts, August 2011

August came heavy with new fonts this year. With the introduction of Canada Type’s catalog to our offerings, new script faces from Sudtipos and Three Islands Press and more you’ll have to read about in our coming newsletter, we’ve seen a lot of good work come in.

And even though these Web FontFonts technically arrived in July, it’s about time they were introduced as all new, especially since they now come with a set of comp fonts: FF Sero Web, FF Tundra Web, FF Nuvo Mono Web, and FF Signa Stencil Web, with and without serifs.

FF Sero Web by Jörg Hemker

FF Sero combines the striking forms of an American Grotesque with the legibility of a Humanist Sans Serif typeface. It has open contours, a distinct x-height and a homogeneous grey scale value. During the seven years of development the classic letter forms have matured and turned into a balanced, sovereign typeface. Eight harmonized weights and an extensive character set allow for a flexible and versatile typography. Cyrillic and Greek characters provide an extended language support.

FF Signa Stencil Web & FF Signa Serif Stencil Web by Ole Søndergaard

FF Signa is a typically Danish typeface, rooted in architectural lettering rather than book typography. Concise letterforms and a minimum of detail produce clear and harmonious word images. Designed for the Danish Design Center, it is used there for printed material and exhibitions as well as the internal signage system. There are Condensed, Extended and Correspondence versions, and in 2005 FF Signa Serif joined the family. In 2011, Stencil variants were added.

FF Mister K Onstage & FF Mister K Informal by Julia Sysmäläinen

Also, we’re quite pleased with the response FF Mister K is getting, and pleased more to announce a new sibling to the family, FF Mister K Informal.

Join Us for a Designer/Developer Meetup in San Francisco!

Are you a developer looking to make your app or website more visually appealing? Are you a designer seeking opportunities in tech? Join FontShop and the Storek Building for Visual Meets Virtual, an informal evening aimed to connect developers and designers with one another to build beautiful projects together. Register via Eventbrite today.

We’ll have plenty of refreshments and libations for your enjoyment and a brief, informal presentation by members of the design and development communities (with a short Q&A) on how they view the two disciplines interrelating. Attendees will also be among the first to hear some exciting news from FontShop — you won’t want to miss it!

Day: Wednesday, August 24th
Time: 6-9 p.m.
Location: Storek Building, 155 9th St, San Francisco, CA 94103

Agenda:
6-7 p.m.: Pizza & Libations
7-7:45 p.m.: Panel Discussion and Q&A
7:45-9 p.m.: Mingle with our panelists and other attendees

Panelists:

Cary Dunn, CTO, RightSignature. From the temperate and sleepy beachside town of Santa Barbara, Cary is the development and UI steamboat behind the e-signature company RightSignature. He is a crossbreed developer/designer, which means you’ll often find him wireframing in code rather than Photoshop. He lives his life at local coffee shops, spends late nights hacking code, and always has a few new products brewing.

Chris Palmatier is a designer, developer, and artist whose restless muse keeps him bouncing between his text editor, vector drawing software, drafting table, and art studio. Over the past 10 years, he has worked as a full-stack web developer and interaction/visual designer, working to create tools that are both usable and delightful for the University of California, IDEO, and Civic Center/Neighborland.org, to name a few. When not working on Internet design and manufacture, he also works on print design and consulting for clients in the East Bay, designs furniture, and creates abstract paintings and sculptures. Chris holds a BFA in Fine Arts (Painting) from the University of North Carolina at Chapel Hill, and lives in sunny Oakland, CA.

Gregor Martynus. Having a degree in Media System Design and working for years as developer, designer and in between, Gregor understands the different languages of both sides. Potential gets lost in translation and wrong expectation – let’s talk synergies. Gregor is the founder of minutes.io, an HTML5 app to take & share meeting notes. He enjoys working at coworking spaces and is moving once or twice per year. After San Francisco, he’ll move to Zurich with his wife. Spare time activities include traveling, photography and snowboarding.

Make sure to register here!

Webfont Wednesday: Big News for Web FontFonts

In case you missed today’s newsletter, we’ve got a ton of updates in the world of Web FontFonts. In addition to several FontFonts adding web versions, there’s also all sorts of goodies packed into them. Check it out:

Designers rejoice! Comp fonts now included in Web FFs

Once again FontFont is leading the charge in webfont technology and making the lives of designers much easier! It’s now even simpler to involve great typefaces like FF Meta Web, FF Unit Web, or the new FF Sero Web in all phases of website creation. We know that during the design process it may be necessary to create page layouts of the proposed design using applications that don’t support WOFF/EOT fonts. For this purpose, Web FontFont archives now contain corresponding TrueType-flavored OpenType fonts for the offline design phase. As reflected in the amended Web FontFont EULA, these comp fonts may only be used for this specific purpose.

Improved Web FontFonts

Additionally, Web FontFonts have been reworked to ensure you end up with a smaller file size, additional optimization for Microsoft’s rendering API DirectWrite and improved vertical metrics for consistent baseline positions in all browsers. In many of the files, you can also now choose between Oldstyle Figures and Proportional Lining Figures. If you’ve already purchased Web FontFonts, you can enjoy these enhancements; upgraded files are available for download in your account at no additional cost.

FontFont Subsetter

Once you’ve downloaded your Web FontFonts, use Subsetter to create a new, lighter webfont file tailored to the needs of your website. Learn more here.

FontShop Friday Five: Feedback & Foundries

We know you’re busy and the Internet is a crowded place, so we’ll try to give you a little reminder on Fridays of what’s going on out there. Below please find five recent FontShop-related threads that you may have missed.

Tell Us What You Think

We launched our 2011 Customer Survey this week and want to hear from you! Click here to take the survey. All those who complete it by Friday, July 29 will receive a promo code for 20% off at FontShop!

Letterbox Updates

Not only did Letterbox recently add new fonts to their collection, but they upgraded their ENTIRE library. Take an in-depth look here.

FontBook is Coming July 21

Looks like there’s been more movement on FontBook.com. Sign up for updates and you’ll be among the first to know how to get your paws on it starting next Thursday!

TYPO Comes Home

We examined TYPO London‘s use of FF Unit Web on Wednesday and gave you the scoop on this exciting event in October.

On the FontFeed

Kylie + typefaces = bizarre/obscure 90s video

Friday Five Fonts:  Alix FB by Font Bureau and Delight Script by Sudtipos

Webfont Wednesday: Places for Webfonts

In case you’ve missed the exciting news, TYPO returns home to London this fall. Of course, what would a premier design conference be without a first-rate website employing a solid webfont? TYPO London’s leverages FF Unit Web throughout to communicate information about the event. Want to learn more? Information on TYPO London is below.

TYPO is coming home!

We are delighted to announce that TYPO London, the event based on the hugely successful TYPO Berlin, will return to its roots in London, the city where it all began with FUSE 1994. Europe’s most successful annual design conference was founded in 1996 from the impetus created by the first two FUSE Conferences in London 1994 and Berlin 1995. The Berlin FUSE conference was the springboard that created the demand for TYPO. It is fitting that the founder of FUSE, legendary designer and typographer Neville Brody, “Britain’s first pop-star typographer” (International Herald Tribune), will be one of the speakers at TYPO London 2011.

In October FUSE will return to its roots – as TYPO London 2011. Some 1,000 typographers, designers and communication professionals from all over the world will have the opportunity to follow an eclectic and inspiring mix of talks by the most influential thinkers of these disciplines.  Among the speakers who have confirmed their attendance for TYPO London 2011 are: Neville Brody, Michael Bierut, König Bansah, Jonathan Ellery, Jeff Faulkner, Tim Fendley, Dale Herigstad, Nat Hunter, Gary Hustwit, Michael B Johnson, Chip Kidd, Morag Myerscough, Pamela Mead, Karin von Ompteda, Joachim Sauter, Marina Willer, Laurence Weiner, Julian Zimmermann and many more.

The theme of this years TYPO London is »Places«. From information and urban planning to social networks, online communities and animated worlds, places shape our social behaviour. Design and the creative process is often the unifying factor linking people, places and things together.

The 2nd round of early bird tickets has just started!

FontShop Friday Five: Launches & Updates

We know you’re busy and the Internet is a crowded place, so we’ll try to give you a little reminder on Fridays of what’s going on out there. Below please find five recent FontShop-related threads that you may have missed.

Introducing Subsetter

We were excited to announce the launch of FF Subsetter this week, a new tool that can significantly reduce the size of your Web FontFont files. Give it a try!

OpenType Features Added to Sample Toolbar

Phase II of our sample toolbar overhaul went live this week and we’ll hope you enjoy. You can now preview OpenType features of a font before you buy.

What’s Up with FontBook?

Like the Go-Go’s, our lips are sealed, but we can’t help but notice a new splash page on FontBook.com. Go ahead, sign up for updates.

New Font Samples in Newsletter

Did you miss our latest newsletter on Wednesday? Read it here. Then check out the new fonts from Font Bureau, Letterbox and Sudtipos.  You can subscribe to newsletters on this page to get this font deliciousness in your inbox twice a month.

On the FontFeed

Yves Peters looks at TypeCon in New Orleans, Type]Media 2011 grads, and a type-inspired commercial.

Friday Five Fonts:  Terital United by Letterbox and Salvo Sans Black by Font Bureau

Follow

Get every new post delivered to your Inbox.

Join 61,737 other followers