News: Tagged as Web design

FontFont sponsors Webfontday 2012

Web Font Day

We are delighted to be sponsoring this year’s Webfontday! Set up by the Typographical Society Munich (Typographische Gesellschaft München), Webfontday is committed to providing hands-on advice, practical tips and inspiration through fabulous examples. The theme this year is ‘Type goes interface’ and the third Webfontday will take place on Saturday 10 November in Munich.

With the likes of Indra Kupferschmid, David Berlow, and Tim Ahrens the day is jam-packed with talks from type experts and creatives from across the global. Typography expert and author of FontFeed, Yves Peters, will also be giving a talk on Better Web Typography.

There are still a few tickets left, grab yours now!

permalink

FontFonts straight to your inbox

Email me my fonts

Behind the scenes, we are continually tinkering with the functionality of our website to make it even easier for you to browse, buy and download our FontFonts. You can now see what you have bought and get your FontFonts emailed straight to you.

With our nifty new feature you can choose to get your fonts delivered directly to your inbox as soon as you’ve bought them. So, whether you want to buy from the comfort of your iPad or are on the move on your mobile, shopping for FontFonts just got easier. 

Don't forget, you can also log into your account at any time to download them again.

permalink

IE10 unlocks CSS OpenType features for Webfonts

With Mozilla’s Firefox and Microsoft’s upcoming Internet Explorer 10, a significant step has been taken toward widespread OpenType feature support, which allows for things like discretionary ligatures in text and contextual alternates in display. Now with standards solidifying, a level of typographic sophistication previously unachievable anywhere will soon be realized. Ushering in the new browser, we share this demo page with live examples of OpenType features at work. (Note that unless viewed in IE10 or a recent version of Firefox or some other new-ish Mozilla browser, the demos won’t make much sense.)

We move ahead now to take a closer look into each of the examples, and discuss what’s required before we can get started taking full advantage of this new ability. Contextual Swashes: FF Nexus Serif

Contextual Swashes | FF Nexus Serif Italic is the most comprehensive font of the FF Nexus Superfamily, containing beautiful sets of swash letters for the beginnings and ends of words. Thanks to the Contextual Swashes feature, the swash variants of the letters appear automatically in the appropriate positions (as opposed to the “regular” Swashes feature, in which you would have to decide yourself which letters should be swashed).

 Stylistic Sets: FF Unit

Stylistic Sets | FF Unit holds the library’s record for Stylistic Sets: It has a whopping 14 sets to tailor the look of selected letters to your needs. (39 OT Features in total!)

Contextual Alternates: FF Mister K

Contextual Alternates | FF Mister K isn’t available as a Web FontFont yet, and if you switch off the Contextual Alternates feature on the demo site you’ll see why: It just makes no sense to use it without the connections and letter variants that give FF Mister K its special look.

Small Caps: FF Ernestine

Small Caps | FF Ernestine is one of the few FontFonts containing two sets of small caps: Small and Petite Caps (the only other Petite Cap FontFont being FF Atma Serif). While Small Caps are available as separate Web FontFonts now, Petite Caps only become accessible through browser OpenType feature support.

Discretionary Ligatures: FF Milo Serif

Discretionary Ligatures | FF Milo Serif is one of the FontFonts that go wild with extravagant ligatures.

Oldtyle Figures: FF DIN Round

Ligatures: FF Tartine Script

Oldstyle Figures and Ligatures | FF DIN Round and FF Tartine Script can actually look like this on your website right now! Unlike the other features shown above, Oldstyle Figures and Ligatures are included (if available in the design) in all WOFF Web FontFonts today. There’s one more feature we didn’t even mention on the demo page: The Kerning feature is activated for the whole demo page. It is most noticeable in combinations like “We” and “y.”, which just look more even with kerning. This feature is included in the current WOFF Web FontFonts and is applied automatically by some browsers.

read more

On our reading list part two: Best Graphic Design Blogs

On our reading list
Image: Sven Hagolani (ƒStop 877.004)

In the second part of our series, ‘On Our Reading List’, here’s a quick round up of the blogs and websites that we read on a regular basis to quench our thirst for design inspiration.

read more

On our reading list: Best Typographic Blogs

On our reading list

Whether we’re on the lookout for typographical talent, on the hunt for international type trends or simply after a bit of bedtime reading; here’s a roundup of the type blogs that we like to read in the FontFont office. You can also check out our must read blogs and type links, which are listed on the right hand side.

read more

FontFonter Bookmarklet now available

FontFonter.com is an innovative web tool by FontFont that lets you temporarily replace a site’s fonts with Web FontFonts. With the new FontFonter Bookmarklet you can try Web FontFonts on any website! Installing it is easy: simply drag the bookmarklet on FontFonter.com to your bookmarks toolbar.

Here are the latest Web FontFonts to be added to FontFonter.com:

permalink

Latest Web FontFonts now available on Typekit

The latest Web FontFonts are now available to host on Typekit — including five new designs FF Sero, FF Tundra, FF Nuvo Mono, FF Signa Stencil, and FF Signa Serif Stencil.

Latest Web FontFonts now on Typekit

The webfont service delivers fonts from a global network of servers to every browser that supports @font-face. This allows the compatibility of Web FontFonts to be extended even to browsers that do not currently support WOFF and EOT. If you license any Web FontFont, you can optionally host them on Typekit with any of their plans (including their free plan). If you are already a Typekit user, that means absolutely no additional cost to you.

read more

Web FontFonts: Switch between numeral styles

FontFont Subsetter is a tool for optimizing and customizing Web FontFonts. The free service — found at www.subsetter.com— lets you significantly reduce the file size of your Web FontFonts in three easy steps to reduce bandwidth costs and make your websites faster. Our latest Web FontFont improvements allow you to use Subsetter to choose between proportional oldstyle figures and tabular lining figures. This tutorial explains how.

read more

Web FontFont updates

Comp Fonts now included in Web FontFonts

Once again FontFont is leading the charge in webfont technology and making the lives of designers much easier! It’s now even simpler to integrate great typefaces like FF Meta Web, FF DIN 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 (e.g. Adobe Photoshop or InDesign). Therefore, Web FontFont archives now contain corresponding TrueType-flavored OpenType fonts for the offline design phase. As reflected in the amended EULA, these Comp fonts may only be used for this specific purpose.

1.300+ Web FontFonts are already available. Browse them here.

Comp fonts can be used with Adobe Photoshop for example
Comp fonts can be used with desktop publishing apps like Adobe Photoshop

Safari 5.1 Gets Support for WOFF

Not only can we celebrate the launch of our Comp fonts, but we can also cheer the current release of WOFF-supporting Safari 5.1. Safari is the latest major browser, joining Firefox, Internet Explorer, Chrome, and Opera to support the common webfont format WOFF, giving Web FontFonts a browser compatibility rate of more than 95% (according to NetMarketShare), without relying on any third party service!

Improved Web FontFonts

Additionally, Web FontFonts have been improved to ensure that you end up with a smaller file size (up tp 60%), additional optimization for new versions of Microsoft Windows and improved vertical metrics for consistent baseline positions in all browsers. Most Web FontFont files even allow you to choose between proportional oldstyle figures and tabular lining figures using Subsetter. If you’ve already purchased Web FontFonts and would like to enjoy these enhancements, then please login to your account and download the upgraded files at no additional cost. If you haven’t purchased any of our webfonts yet, just try one of the fonts which are available for free for a limited time from our Goodies page.

permalink

FF Subsetter launched

FontShop International launches FF Subsetter, a tool for optimizing and customizing Web FontFonts in three easy steps. The free service — found at www.subsetter.com — lets users significantly reduce file sizes to reduce bandwidth costs and make their websites faster.

FontFont Subsetter
Screenshot FontFont Subsetter user interface

18 months ago we released Web FontFonts, becoming the first major foundry to offer fonts in WOFF, the format which has now become the webfont standard, supported by all major browsers. We started with a simple pay-once licensing model and optimized every font for the best possible display across platforms. This month, to celebrate the news of broad WOFF support (with the upcoming version of Safari), our Type Department further improved the files, making them up to 60% smaller with additional optimization for new versions of Windows and improved vertical metrics for consistent baseline positions in all browsers. Upgraded files will be available starting July 20 at no additional cost.

But that wasn’t enough for our Marketing Director Ivo Gabrowitsch. “Users should have more control over their fonts. One of the reasons our customers rely on FontFonts is because of their comprehensive character sets, but in the web environment cutting back on file size can be important, especially when speed matters. That’s why we built the Subsetter,” said Gabrowitsch.

FontFont Subsetter
Subsetter allows you to strip out extraneous glyphs and data that you may not need, like unused language characters, punctuation marks, and kerning information.

Smaller files mean faster websites and a better user experience. Dropping inessential characters from a webfont can make a big difference in the long term. It also gives designers the opportunity to use more font styles with less of an impact on speed and bandwidth.

Smaller files are less expensive too. As a website becomes more popular they cost more to host and maintain. Every bit of saved bandwidth saves money.

FF Subsetter optimizes and tailors fonts to each unique website in three steps:

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

File sizes can be reduced up to 90% and the new fonts are instantly usable on the web, just like the originals.

The tool is simple to use, thanks to the work of our very own Clemens Carlstedt and Christoph Koeberlin. “I’m excited about the idea of customizing your font according to your personal needs. You don’t need to be an expert to use it, but if you are, you’ll discover great possibilities,” said Koeberlin, who adds this tip: “Even if you don’t want to modify the font, FF Subsetter’s glyph table is very handy to see what’s contained in your Web FontFont.”

FontFont Subsetter glyph table
FontFont Subsetter glyph table

FF Subsetter is a free tool for any licensed Web FontFont user.
Find it at www.subsetter.com, try it with the free FF Nuvo Web Medium.

permalink