News: Tagged as Web font
PAGE is one of the leading design publications in Germany for creatives and professionals in design, advertising and media.
Working in conjunction with the agencies digitalmobil and SQUIECH Design, the team has recently overhauled their online presence. Both their print and online publications have been set in FontFonts including FF Mark and FF Quadraat, bringing a fresh, contemporary yet timeless look to the brand.
Combining the new with the old and with its roots firmly seated in 1920s German geometry, FF Mark has seen a meteoric rise since it’s release in 2013. Designed by Hannes von Döhren and Christoph Koeberlin, it was a special project initiated by Hannes and FontFont with input from Erik Spiekermann and the FontFont Type Department. Strong, simple and bold, and crafted with the utmost consideration and perfection (aka German Engineering), it is “ze Germanetric sans”. In the print magazine the headers are set in a variety of weights of FF Mark, whilst the whole website is set in FF Mark Web.
In the print magazine the body text is also set in another famous FontFont — Fred Smeijers’s FF Quadraat. One of the earliest typefaces to join our library it has become a go-to choice for many editorial designers.
Photos by Alex Rothpermalink
We are excited to introduce our final release of 2014! As usual it is jam-packed with typographic treats: From the revival of a hidden gem to new weights for a FontFont favorite to a slab serif sister for one of our most in-demand typefaces. And if this wasn’t enough, our newly updated Web FontFonts raise the bar for enhanced web typography again.
First off, we welcome FF Bauer Grotesk – the highly anticipated revival of the Friedrich-Bauer-Grotesk typeface – originally released in 1934 by the Hamburg-Altona-based foundry, J. D. Trennert & Sohn. Friedrich Bauer designed his Grotesk with a nod to famous German designs such as Futura, Erbar, Kabel and Super Grotesk; its geometric construction is infused with a touch of Art Deco. Fast forward eighty years to Thomas Ackermann and Felix Bonge’s warmer and more homogenous adaptation FF Bauer Grotesk. It is ideal for those looking for something with historical weight to use across editorial, packaging, publishing, and ephemera.
FF Milo Slab is the newest member of Mike Abbink’s FF Milo super family. Singularly distinct and yet reassuringly solid, the slab retains many similarities of its sans and serif counterparts,but has undergone a wide range of careful adjustments from increased contrast, longer ascenders and descenders and modified glyphs in the heavier weights. All of these changes amount to a typeface that feels like FF Milo but with an identity of its own. The result of several years development between FF Milo designer Mike Abbink and Jesse Vega, FF Milo Slab comes with similar features to its siblings including nine weights, small caps, old style, lining, and tabular figures as well as some alternative glyphs to mix it up.
A perfect workhorse typeface suitable for headlines, posters/banners, magazines and advertising.
A creative and contemporary sans serif, Lukas Schneider’s FF Utility has acquired Thin & Extra Light weights to its now seven weight roster. An extremely legible typeface, FF Utility sets a mean line of text and can be used for almost anything. Both new weights are perfect for anyone working with larger text such as headlines.
New Functionality: Web FontFonts with OpenType Layout Features
We are delighted to announce that as of today the majority of our Web FontFonts now include OpenType Layout Features. This means that you can spice up your web identity through the magic of ligatures, stylistic alternates, figure sets, fractions, small caps and even swashes (if available in the font). With these advanced typographic features, specifically built for the web and supported by all desktop browsers (except Safari), OpenType gives you endless opportunities to bring online type to life. See them in action on our microsite and watch the video we created in collaboration with Stark Films.
What’s more, we’ve streamlined and improved our webfont formats and fully updated the free Subsetter tool so that you can customize your Web FontFonts for optimum performance.permalink
Introducing: Web FontFonts with OpenType layout features, streamlined formats and the new and improved Subsetter
We are delighted to announce that our Web FontFonts now include OpenType Layout Features. What’s more we’ve simplified our webfont formats and updated the free Subsetter tool, so you can now customize your Web FontFonts for optimum performance.
OpenType Web Magic
With OpenType Layout Features, you can spice up your web identity through the magic of ligatures, stylistic alternates, figure sets, fractions, small caps and even swashes (if available in the font). Thanks to a selection of 1,600 Web FontFonts, your typographic toolbox is bigger and better equipped than ever before. With beautifully advanced typographic features that are supported by all desktop browsers (except Safari), OpenType gives you endless opportunities to bring type to life.
It may seem like an obvious question, but what are OpenType layout features?
Essentially it’s the ‘technology behind good type’. It’s a standard font format that provides you with a typographic toolkit (layout features) to enrich and enhance type. For many years, you could only really use OpenType technology in a few select desktop publishing applications, but the time has come to bring these features to life on the web.
Up till recently typographic gems such as FF Mister K were not able to function as a Web FontFont, in fact many script fonts wouldn’t work well without OpenType features. However with this latest update, we can now welcome FF Mister K Web to the webfont family. Other FontFonts that have benefited from this update include FF DIN, (you can now use the famous alternative @ sign online) and FF Duper. All FF Duper weights contain three versions of each glyph, which when put into a text the stylistic alternative OpenType feature uses all three alternatives in succession. It treats vowels and consonants separately and even recognizes spaces between words creating a lively and hand-made appearance of the typed text. You can find out which particular features are included in specific fonts on single weights’ OpenType Layout Features tab.
Improved Formats and Subsetting
What’s more, we’ve now streamlined and improved our Web FontFont formats. Now you will receive a single webfont format only — WOFF, which provides the most up-to-date compatibility and includes OpenType features. Using our improved Subsetter website you can customize your Web FontFont to make the files lighter and faster to load and thereby save on bandwidth costs. You can produce Web TTF and EOT formats using Subsetter should you need them (these formats are suitable for older, outdated browsers). However, bear in mind that EOT won’t contain OpenType layout features nor kerning and that whilst TTF contains these features it is only supported by older browsers.
Want to see what your website looks like with a Web FontFont before you buy? Head to FontShop’s Webfonter.
A few years ago, we in collaboration with Tim Ahrens and FontShop created FontFonter as the first free tool to allow anyone to try and preview webfonts on any website.
With the completely new and more flexible WebFonter, you can now try and test Web FontFonts together with the 15,000+ webfonts available from FontShop.com in any existing site. You can replace headline or body text, specific fonts, or, using custom CSS selectors, anything you want with a typeface of your choosing.
WebFonter can be used during the design and development process – a critical time for font choice. The target website does not need to be publicly accessible in order to test-drive webfonts. This hugely important feature marries well with the current web design trend towards designing directly in the browser.
Available for free as a Chrome extension, browser bookmarklet or by entering a URL directly at webfonter.fontshop.com, this new tool will succeed FontFonter to make the web design process even better and as seamless as possible.permalink
Bench is a new kind of bookkeeper. Ideal for independent businesses, it is a standout in the market as it combines the service of task automation together with an actual accountant or bookkeeper. Simple, strong and contemporary, the versatility of FF Mark combined with the great FF Meta Serif is a terrific pairing for this smart, responsive and modern online business.
SAE IT-systems is one of the leading innovators in the field of substation automation, telecontrol and communal communication in infrastructure applications. Felix Braden’s FF Scuba, a distinctive, clean and flexible contemporary sans, is a fine fit for this community of specialists in energy management.
Earlier this year German brand powerhouses ADAC (Allgemeiner Deutscher Automobil-Club e.V.) and Deutsche Post joined forces to establish ADAC Postbus. Coined as “the bus for Germany”, the ADAC Postbus site is set in Mike Abbink and Paul van der Laan’s contemporary and timeless FF Kievit which has recently been extended with a Slab version.permalink
More than half of the world's population live in major cities. Developed by Lend Lease, The Green Building Converter is a sustainability tool that takes users on an interactive journey allowing people to navigate and learn about green building development. Daniel Utz’s clean and rounded geometric FF Netto strikes the perfect typographic balance alongside the 3D diagrammatic pictorial renders and animations throughout the site and brand identity communications.
Last week, Berlin hosted Jüdische Kulturtage 2013 (“Jewish Culture Days”), Germany’s largest festival of Jewish art and culture. The diverse programme of culture, music and literature features the four basic weights of Mitja Miklavčič’s FF Tisa Sans for headlines through to body copy across the site as well as festival collateral.
Designed and curated by Ryan and Tina Essmaker of Designing Monsters, The Great Discontent is a journal of interviews focusing on creativity, risk and what connects people as artists. A simple, clean, responsive and impeccably editorially considered site, the choice to use Erik Spiekermann, Christian Schwartz and Kris Sowersby’s FF Meta Serif as body is a great complement to “The Great Discontent”.permalink
Our July round up of Web FontFonts in use features the likes of FF Typestar by eBoy’s Steffen Sauerteig, Mitja Miklavčič’s subtle yet graceful FF Tisa and Michael Abbink’s ever so popular FF Kievit. Silvio Napoleone’s FF Hydra Text and Ludwig Übele’s FF Tundra also make an appearance.
Rob Meek is an information architect, interface designer and developer with a fair few typography-related projects under his belt. His portfolio site features the geometric but typographically refined FF Typestar Web as headers teamed with the softer serifs of FF Tisa Web as body copy.
Portland Oregon will be playing host to this year’s Lean Day:West – a series of events focusing on implementing and practicing lean startup in the enterprise. Both thicks and thins from the FF Kievit family are used extensively throughout the site including FF Kievit Black Web as headlines through to FF Kievit Regular Web for copy.
Is wood your type? Wood Type Research is a blog dedicated to current research in wood type design, manufacture and use circa nineteenth and twentieth centuries. The sans of Silvio Napoleone’s FF Hydra Text Web along with the serifs of Ludwig Übele’s FF Tundra Web is fitting to set the tone for this homage and documentation to all things wood type.permalink
Budnitz Bicycles is the brainchild of entrepreneur Paul Budnitz. His company creates super-fast, light and beautiful bikes made exclusively out of titanium. Set in Albert-Jan Pool’s FF DIN Web, the website is real eye candy for cycling enthusiasts.
Falmouth University based in Cornwall in South West England specializes in Art, Design, Media, Performance and Writing. Martin Majoor’s FF Scala family, including FF Scala Sans Web and FF Scala Web make an appearance throughout their website.
Klenk & Hoursch is a Strategic Communications agency based in Frankfurt am Main. They employ Xavier Dupré’s FF Yoga Sans throughout their site complemented by TypeTogether’s Adelle in the headers. Dupré’s FF Yoga Sans is a contemporary alternative to Gill Sans, and a sober companion to FF Yoga Serif.permalink
This month’s round up of our favourite sites featuring Web FontFonts including Travis Kochel’s groundbreaking FF Chartwell, Mike Abbink’s bestselling FF Kievit and Max Phillips’s elegant FF Spinoza.
Kerem Suer is a designer of digital products based in San Francisco and his portfolio subtly features Travis Kochel’s innovative chart-making font, FF Chartwell. Kerem uses FF Chartwell Lines Web on the contact page of his website.
The St. Gallen Symposium takes place annually in May in Switzerland and is a gathering of leaders organized by students from the University of St. Gallen, Switzerland. A number of weights of Mike Abbink’s FF Kievit Web appear in the headlines and titles of the site, including FF Kievit Light and FF Kievit Medium.
The Pitchfork Guide to Summer Festivals 2013 features Max Phillips’s FF Spinoza throughout the body copy and GT Pressura from Grilli Type in the headlines. Pitchfork is an online guide to independent music.permalink
FF Videtur is based on bitmap fonts that were created by Axel Bertram, one of East Germany’s most legendary designers, for the state television broadcaster GDR-TV. Bertram spent a great deal of time researching and testing the display conditions of 625-line television screens. His findings prompted the creation of Videtur, a functional open serif with moderate contrast and a highly unique shape. Fast forward two decades later and with a helping hand from FontFont’s Head of Type, Andreas Frohloff, the whole character set has been completely re-drawn and reinvigorated. The best characteristics of the earlier forms were kept but the typeface’s vertical proportions, serif shape, and stroke contrast have been carefully reconsidered.