Category Archives: Web Fonts

Try Subsetter to Reduce Web FontFont File Size

Subsetter was designed with the needs of both web designers and developers in mind. Its purpose is simple — reduce the file size of your Web FontFonts to make your websites faster, optimize bandwidth usage, and reduce high-traffic costs. Subsetter allows you to strip out extraneous glyphs and data that you may not need, like unused language characters, punctuation marks, and kerning information. It will create a new, lighter webfont file tailored to your website.

On July 20, FontFont will be releasing an upgraded Web FontFont collection. To further optimize your Subsetter experience, we encourage you to re-download your Web FontFonts after July 20 to get the improved versions. This will ensure that 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. Upgraded Web FontFont files will be available at no additional cost.

You can reduce your Web FontFont file sizes in a matter of moments with Subsetter’s easy, three-step process.

  1. Upload a Web FontFont.
  2. Strip out glyphs and data that may not be needed for a particular site, like unused language characters, punctuation marks, and kerning.
  3. Download your optimized font file.

Grab FF Nuvo Web for free and give Subsetter a try. Stay tuned to the FontFeed this week for a more in-depth look!

Webfont Wednesday: Inspiring Webfonts

We were thrilled recently to learn that the man behind The FontFeed, our pal, Yves Peters, was selected to fill the final speaker slot at the Inspire Conference in Leiden this fall. We were even more excited to see their beautiful website’s use of FF Meta Web.

Speaking of conferences, FontShop is pleased to be a sponsor of TypeCon, taking place in New Orleans this week. We’re also buzzing about TYPO London coming up in October. Check out our newsletter for more information. The 2nd round of early bird tickets has just started!

FontShop Friday Five: New Fonts & Highlights

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.

New Fonts Recap

Miss buying your new fonts for June? Visit our list.

Gallery Highlights

We pick our fave submissions to the FontShop gallery.

Swiss Miss Likes the FontFonter

Recently we told you about updates to the FontFonter. Design maven The Swiss Miss takes a look on her blog.

Speaking of Webfonts…

This week’s Webfont Wednesday looks at the use of FF Enzo Web by Impose Magazine.

Conferences Galore

Yves Peters recaps his rockstar experience at Ampersand on The Font Feed. While on the topic of conferences, FontShop is a proud sponsor of next week’s TypeCon in New Orleans.

Friday Five Fonts: Acta Symbols by DSType and Sweet Sans by Sweet

Webfont Weds: Imposing FF Enzo Web

This week we move away from Web FontFonts in the design world and into the realm of pop culture – specifically the use of FF Enzo Web over at Impose Magazine. We were definitely impressed at the use of multiple weights to add some gorgeous nuances to the site. The mix of thin and bold makes the site really “pop” to the culturally-inclined reader.

Do you have any favorite sites employing Web FontFonts? Suggest them in the comments.

FontShop Friday Five: Growing Galleries & Hidden Glyphs

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.

Hey there Fontspotters!

Did you know you can help grow the FontShop gallery? Check out how here.

A Different Kind of Font Face

We’re loving the hidden glyphs in designer Łukasz Dziedzic‘s creations.

Stylish On Screen and Off

In last week’s Webfont Wednesday we reviewed the The Chicago Manual of Style Online  and this week we take a look at the equally gorgeous print edition, using FF Tisa.

Speaking of Books…

This week’s Webfont Wednesday examines Designers & Books‘ use of FF Bau Web.

On The Font Feed

Yves Peters tackles the many disappointing summer blockbuster posters, and the few hidden gems, in this month’s Screen Fonts.

Friday Five Fonts: Penna by DSType and Altis by Typolar

Webfont Wednesday: Designers and Bau

In our last installment of Webfont Wednesday we looked at the supporting website for one book. In case that got you thinking about expanding your reading list, this week we’d like to direct you to Designers & Books.

Not only does the site recommend almost 1,000 books, from dozens of respected designers, but the headings and subheadings on the site are simply and beautifully set in FF Bau Web. Enjoy building your reading list!

Webfont Wednesday: Chicago Manual’s Got Style

Though “good design” and “term papers” don’t usually cross paths in our train of thought, the web designers for the Chicago Manual of Style clearly saw a relationship between the two. The result is a clean, crisp website set in FF Tisa Web and complemented by an inviting, cheerful color palette.

Chicago Manual of Style

The site is a companion piece, rather than a mere “footnote” to the printed guide, which is also set in FF Tisa. Although we aren’t too particular about citations on this blog, we couldn’t help but cite this site for Webfont Wednesday!

FontShop Friday Five: Webfont Week

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.

Roars of Excitement for Safari WOFF Support

We take a look at what Steve Jobs’ Lion announcement means for Web FontFonts.

Preview Webfonts with FontFonter

Want to preview those site updates you’re going to make? Take a look at the expanded Web FontFont selection on FontFonter.com.

Webfont Wednesday Series Launches

We were so excited about webfonts this week, we decided to start a weekly series to highlight them.

Foundry Focus: Fontsmith

Yves Peters interviews Jason Smith to get an inside look at this London-based foundry.

A Rocking Week for Type

The FontFeed reviews several dozen albums in this month’s My Type of Music.

Friday Five Fonts: FF Motter Festival by FontFont and Zamenhof by Castletype

FontFonter Update: Preview Web FontFonts on Any Site

Almost a year ago, we first announced FontFonter, a tool which allows you to temporarily replace sans and serif fonts on almost any website with a selection of Web FontFonts. Since then, FontFont has greatly expanded its Web FontFont selection, and that expansion has carried over to FontFonter: you can now preview over 40 Web FontFonts, ranging from trusty standbys like FF DIN Web, to some of the newer designs like FF More Web and FF Sanuk Web.

The process is simple: Go to FontFonter.com, type in a website URL, and FontFont It! You’ll then be able to specify which Web FontFonts you want to preview in a control panel at the top of the page; below will be the website you entered, with the chosen fonts replacing the default fonts used for that website. You can choose to replace all fonts with a single Web FontFont, or you can specify replacements for sans and serifs, respectively.

(Note that FontFonter doesn’t quite work as expected on 100% of sites. It will not work with secure sites [https], and will occasionally conflict with some sites’ Javascript or other code.)

Here are some examples to entice you:

FF Clan Web on Apple.com

FF Milo Serif Web on Google.com

Lukasz Dziedzic‘s serif and sans siblings FF More Web (navigation, headline) and FF Good Web (body) on Guardian.co.uk

FF Spinoza Web (navigation, headlines) and FF Basic Gothic Web (body) on NPR.org

FF Suhmo Web (headlines) and FF Hydra Text Web (body) on printmag.com

FF Chambers Sans Web on Flickr.com

FF Sanuk Web on tdc.org

Webfont Wednesday: I Love Web FontFonts

This has certainly been an exciting week in Webfonts here at FontShop. Not only did we we get giddy at the WOFF support announcement for Lion, but we also rode the buzz around Azuro Web into the final hours of its 90% off promotion. The discount may be over, but you can still purchase this typeface, optimized to achieve the best possible legibility on screen.

With visions of beautifully designed websites dancing in our heads, we decided to launch a new series here on the blog called “Webfont Wednesday.” Each week we’ll highlight a site using Web FontFonts in this space. Though our staff is spotting them out in the wilds of the internet, please feel free to share your designs in the comments section, on Twitter using hashtag #WebfontWeds, or on our Facebook page.

This week we’d like to point out an I Love Typography post on the recent TYPO Berlin conference. Not only was it wonderful to read Dan Reynolds’ detailed synopsis of the presentations, but what a gorgeous presentation using FF Scala Sans Web for the headlines and the FF Scala Web for the body.

Now if i could just see those lovely webfonts in my Google Reader feed…

FontShop Friday Five: Jumping Into June

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.

Newsletter Features New Foundry, Fonts

Did you miss our latest newsletter on Wednesday? Read it here. Then check out the Sweet® Fonts Collection , as well as new fonts from Sudtipos, Jan Fromm, and DizajnDesign.  You can subscribe to newsletters on this page to get this font deliciousness in your inbox twice a month.

Coranto 2 Expands

Taking a look at the growth of Coranto 2 from TypeTogether to include Coranto 2 Headline.

Find Fonts on Flickr

Have you checked out FontShop’s Flickr photostream yet? It’s another great way to view some of our colorful newsletter samples and link back to our site. Let us know what you think!

Azuro Promo Extended to Wednesday

FontShop AG’s Azuro 90% discount has been extended until June 7. Take advantage of this great deal to snap up both the desktop and web version!

On the FontFeed

Hot off his TYPO Berlin: Shift presentation, Yves Peters tackles summer releases in his latest ScreenFonts. As a bonus, he’s created a Pirate FontList. Yar.

Friday Five Fonts: Fiance by Sudtipos and Rukou by DizajnDesign

New (free) Web FontFont: FF World Wide Web

To celebrate the one-year anniversary of our Web FontFonts debut, we’re offering this exclusive new typeface, based on FF World by British graphic design icon Neville Brody, for free.

Download FF World Wide Web at our Free Fonts page, and read more about the history of the original FF World at the FontFeed.

Introducing Webfonts

Update April 19, 2012 | With the gains in popularity of webfonts across the web, FontShop is glad to now offer webfonts from more foundries. Take a look at the updated Webfonts page for the latest and most popular fonts for the web.

Or if you see the above Type filter when browsing a foundry’s library, specify ‘Web’ to display only that foundry’s webfonts. See a list of the latest foundries to carry webfonts on our site, and note that the list is growing.

 

For nearly 15 years, web designers had two frustrating choices when it came to type on the web: use one of the few “web safe” fonts preinstalled on major operating systems, or substitute text with images and Flash/JavaScript® hacks. Not anymore. Recent developments in web standards (using the @font-face CSS declaration) and font formats make it possible to render HTML text in typefaces other than the same old default fonts. Today, FSI FontShop International is leading the charge to offer fonts designed specifically for web use. More than 30 of the most successful FontFont families are now available as Web FontFonts, including FF DIN, FF Meta, FF Dax, and FF Kievit.

This long-awaited step enables a more seamless and effective transition from print design to the web. An organization whose identity uses FF DIN, for example, can now deliver that experience on the web, using true HTML text.

Web Fonts Features

Dynamic

Any web developer will tell you that HTML text is far more flexible and easier to update than an image. Using Web FontFonts gives you type that is both customized and dynamic.

Web Fonts Features

Searchable

Search engines don’t like images nearly as much as text. Now all the branded typography on a page can be found and indexed. Text is also more accessible to users with disabilities.

Web Fonts Features

Editable

Because HTML text can be resized, copied, and edited by website visitors, you can create stylized interfaces, forms, and applications without relying on Flash or other hacks.

Why Webfonts?

  • They look great.
    Great care was taken to optimize Web FontFonts for display on nearly any screen, whether that screen is connected to a Mac or driven by Windows with ClearType switched on.
  • They are easy to buy.
    Buying a Web FontFont is as easy as licensing a conventional desktop font. There is no subscription to sign up for and you pay only for the font you need. Pricing is determined not by domain or bandwidth, but by the average monthly pageviews for all websites in the licensed organization.
  • They work on all modern browsers.
    Web FontFonts are delivered in WOFF and EOT Lite, the two formats supported by the most commonly used browsers: Internet Explorer®, Firefox®, Chrome®, and Safari®. With FontFont’s Web FontFonts, a free Typekit hosting option extends compatibility to older browsers, in addition to most mobile devices. Certain limitations apply to this Free Trial account, see Typekit Plans for details.
    *Note that though we now carry non-FontFont webfonts (see the update at the top of the post) Typekit hosting presently applies only to Web FontFonts. All other webfonts are licensed for self-hosting only.
  • No DRM.
    Because webfonts are essentially shared with everyone who visits a webpage that uses them, some font makers may want to use some sort of DRM to prevent unauthorized use. Not us. Web FontFonts come in formats that work only on websites (not in any desktop app), and do so without crippleware or user interruptions.
  • They speak more languages.
    The FontFont library has always offered top class language support, extending many of the most popular families to include character sets like Central European, Cyrillic, and Greek. Web FontFonts are no exception. The Pro versions contain the same language support as their desktop companions.

Download the Web FontFont User Guide (229K PDF).

About Web FontFonts

More than 30 of the most successful FontFont families are now available as Web FontFonts.This article will walk you through everything you need to know about this new web-optimized format on FontShop.com.

Why Use Web Fonts?

Most fonts are designed to be used in desktop applications for design that will be printed or output as an image file or PDF. Web fonts are an entirely new category of fonts optimized for use on web pages using the @font-face rule. This fairly new addition to CSS allows fonts to be linked in web pages and downloaded by browsers so that anyone who visits the page can view the fonts declared by the page’s designer. This means your website can display indexable, editable, resizable, dynamic HTML text in a font other than the handful of “web safe” options we’ve had to rely on for years. Read more about the benefits of web fonts in our newsletter.

How Are Web Fonts Different from Desktop Fonts?


Mileage may vary … but not much. These examples of FF Meta Web as rendered by Internet Explorer on Windows, Firefox on Windows, and Firefox on Mac OS X show how the same font can look slightly different in each environment. Despite these unavoidable inconsistencies, Web FontFonts are designed to look their best on all modern systems.

Web Fonts are indicated by the “Web” icon throughout FontShop.com. They are designed to work exclusively on web pages and cannot be installed on a desktop OS for use in applications like Word, Photoshop, or QuarkXpress. Most web fonts are also optimized to download and display quickly because they include only the glyphs recognized by web browsers. That said, many Web FontFonts come in Pro versions with support for Eastern European, Greek, and/or Cyrillic character sets. Web FontFonts are also optimized for screen display and look especially crisp and clean on Mac OS X and Windows versions with ClearType enabled.

How Are Web FontFonts Sold?

All Web FontFonts are available as full families, Basic Sets (Regular, Italic, Bold, Bold Italic), and individual styles. While standard desktop fonts are licensed by the number of users or workstations using the fonts, Web FontFonts are licensed by the average pageviews per month of all the domains within the licensing organization. There are three simple license levels: up to 500,000; up to 5 million; and up to 50 million pageviews per month.

Contact us for enterprise licensing beyond this amount.

What Do I Get in My Web FontFont Download?

Web FontFonts come in two DRM-free formats: EOT Lite, supported by Internet Explorer 5-8, and WOFF, supported by Firefox, Chrome, and Internet Explorer 9. We expect WOFF to be supported by Safari and other browsers soon, but currently IE, Firefox, and Chrome cover over 90% of all web visitors. Both formats are delivered with every Web FontFont purchase and can be used without relying on any third-party service. The Web FontFont downloads also come with a User Guide [229K PDF] full of helpful information for web developers, system administrators, and website visitors. HTML test pages for each of the downloaded fonts are also included.

How Do I Use Web FontFonts?

Because Web FontFonts work using basic CSS, using them is pretty straightforward. If you are even vaguely familiar with CSS you can make Web FontFonts work on your website. The simple instructions in the Web FontFont User Guide [229K PDF] make it easy. Also be sure to read the End User License Agreement for Web FontFonts.

Optionally, you can skip self-hosting and coding altogether and host the Web FontFonts you purchased with a free Typekit account.

We’ll continue to post more information and tips about Web FontFonts in the coming weeks. If you have any questions don’t hesitate to contact us. In the meantime, the fonts are ready to roll! Go have a look.

Buy Web FontFonts at FontShop.com, Host Them on Typekit

Web FontFonts are compatible with Typekit. Our partnership gives users an additional way to serve Web FontsFonts to their sites. The Typekit service delivers Web FontFonts from a global network of servers to every browser that supports @font-face, extending compatibility to all browsers.

How does it work?

Web FontFonts licensed on FontShop.com can be sent to a free Typekit account. After purchasing your fonts you’ll find a link on your checkout confirmation page. Simply click it to send your license and fonts to Typekit, then follow their instructions to add a single line of code to your site and your fonts will be served immediately. The Typekit option works under their Free Trial account and hosting your fonts this way is purely optional. Certain limitations apply to the Free Trial account, see Typekit Plans for details.

Follow

Get every new post delivered to your Inbox.

Join 61,738 other followers