News: Tagged as Web font
Back in February we celebrated the third birthday of our Web FontFonts – how time flies! This month’s round up of our favourite sites featuring Web FontFonts includes the highly popular FF Tisa family by Mitja Miklavčič, Max Phillips’ splendid FF Spinoza and Nina Stössinger’s charmingly sturdy FF Ernestine.
Typografie.info is the largest German-speaking online design platform all about type and typography and is set in Nina Stössinger’s delightfully feminine yet serious, FF Ernestine. Founded in 2001 by Ralf Herrmann, it’s a really active community with news articles and opportunities to share work and opinions.
The design collective AQQ sets their website in Max Phillips’ beautiful and sturdy workhorse, FF Spinoza. They make mainly furniture and are based in California. AQQ stands for “al que quiere” which when roughly translated from latin means “for he who wants it.”permalink
Since the launch of Web FontFonts almost three years ago, we have seen the web slowly transform from a dry and arid typographic landscape to one that is enriched and nourished by variety, flavour and choice. As part of a new monthly piece on our blog, we will present three sites we love, which feature Web FontFonts in use.
The Wunderkammer by the Hagströmer Medico-Historical Library offers a plethora of medical art treasures. Ranging from pamphlets to books to portraits their collection is fascinating. Adorning the captions, titles and navigation is Christian Schwartz’s grotesk workhorse, FF Bau.
Featuring FF Tisa Web in the body copy and URW’s Alternate Gothic in the headlines, Uncrate is the digital magazine for guys who love stuff. They post five new things every day to satiate the discerning design gentleman’s thirst for things and stuff.
Showtime is one of America’s premium networks with eleven channels, on their website you can catch up on some of the most popular shows and subscribe to their service. Used throughout their site is one of our FontFont bestsellers and Albert-Jan Pool’s modern classic, FF DIN.
Does your website feature a Web FontFont? Our Lucy would love to hear from you, please drop her a line (email@example.com) with details of your site.permalink
You may have heard that our Web FontFonts are now supported by 98% of all desktop browsers. With a tantalising typographical treasure trove of 2240 Web FontFonts, it’s sometimes tricky to decide which web font is the best fit for your online brand presence. To provide a little inspiration and help you choose, we’ve brought together a selection of in-use cases of our top ten most popular web fonts that have caught our eye recently.
The marvellous FF Meta and FF Meta Serif, Erik Spiekermann’s No-Brainer, feature on this great site Parse by How. Parse is a real smörgåsbord of design content; they scour the web to bring together what they call design ‘tapas for the brain’.
One of our bestsellers and a real classic typeface, FF DIN, features on the Budget 4 Change website. The thin horizontal strokes and fluent curves of FF DIN provide a sober and solid tone to the site which is dedicated to mapping, tracking and analyzing donor government budgets against official development assistance.
Evolution, Revolution, Solution. That is the simple philosophy behind Typolution, the ‘purely’ typographical website that covers the latest developments, innovations and advancements in the industry (all in German). The site uses our very own FF Unit for the body text and FF Unit Slab for the headers, offering a cool yet disciplined tone.
The website for the VRB (Vorratsgesellschaft) organization based in Germany is set in one of the bestselling and most serious text faces, the formidable FF Scala and FF Scala Sans. The VRB offers ‘off the’ Shelf Companies and legal advice.
Two Arms Inc are a team of two, who combine illustration and design in a delightful manner. Based in Brooklyn they are famed for their passion for screenprinting. Their website employs FF Dagny, by Örjan Nordling and Göran Söderström. Great minds think alike, as we use it on our site too!
We’ve recently received some lovely examples of FontFonts in-use. Keep ’em coming! If you’ve used a FF in a recent project and you’d like to be featured on our site, please email firstname.lastname@example.org
Since the launch of Web FontFonts, we’ve wanted to keep things simple and make web typefaces that were easy to access, easy to use and easy to license (hence the pay-once self-hosting scheme). We continually work to ensure that our Web FontFonts are the fittest of the fit and are delighted to announce that they are now even more compatible.
According to the most recent statistics from October 2012*, Web FontFonts are supported by about 98 percent of all desktop web browsers in use online. So, if you embed Web FontFonts on your site, virtually every visitor will be able to see them. As if that wasn’t enough, there is hardly any difference in compatibility between Web FontFont self-hosting and getting your fonts from webfont services, as most services support about 98 percent of all desktop browsers as well!
Our analysis of browser share is based on the version numbers that support Web FontFonts as well as webfont services. The good news is that we expect this percentage to further increase up to 100% as users upgrade to newer browser versions.
*Source: w3schools.com. Only 2.1 % of browsers are not Web FontFont friendly, but we won’t hold that against them.permalink
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
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.)
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 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 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 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 is one of the FontFonts that go wild with extravagant ligatures.
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
FontShop International is happy to announce that we are sponsoring a couple of important type events that will take place in Munich in two weeks time.
Typotag 2011 will be held on November 18th, focusing on two different themes: “Typolyglott & Multitask” and “Picture and Character”.
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:
- FF Sero
- FF Tundra
- FF Nuvo Mono
- FF Info Text
- FF Info Correspondence
- FF Info Display
- FF Profile
- FF Utility
- FF Zwo Correspondence
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
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