News: Tagged as Web design
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
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.
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
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
The ethical design agency Zerofee recently created the visual identity and website for the Materials Council in the UK. As part of the design of the website they implemented Travis Kochel’s groundbreaking FF Chartwell Web font to playfully display and illustrate data.
We caught up with Paul Buck, co-founder of Zerofee to out more about the project and their choice of typeface ...
Can you give a bit of background to the work you did for the Materials Council? What was the original brief that you were given? And what led you to choose FF Chartwell Web?
Materials Council commissioned Zerofee to design their visual identity and various associated materials for their launch in 2012, followed by their website.
We collaboratively devised a brief to develop a visual language that would feel both technical and creative, combining a sense of scientific precision with playful elements, to appeal to their client base of architects and manufacturers. The resulting visual identity lead us to explore bold, colourful infographics to help illustrate what might otherwise be quite dry data about material uses and characteristics. FF Chartwell was chosen in order to help us do this – to display beautiful, modern charts and graphs that brought colour to the website and indicate Materials Council’s understanding and love of every detail of their subject. The webfont was launched quite late during our development and, following some experimentation, it seemed clear that we could use it to display scalable, content managed data from the site CMS, instead of the SVG, predetermined set of graphics we’d set out to develop with it. Materials Council can now add new data sets with simple markup, select an appropriate font from the FF Chartwell family and have it mix in randomly with the sets displayed on the site's homepage.
How did you find working with FF Chartwell?
Great! It was easy to install and to control and style on the site with our markup/CSS.
We’ve also used FF Chartwell in print for another client, both in the form of ‘classic’ graphs and charts, but also as an illustrative element. As many of our clients are non-profit, charitable or young companies, FF Chartwell has helped us economically produce good-looking information where budgets and time are tight.
One of the founding principles of Zerofee is to work for ethical and responsible brand and organisations and to donate design work to worthy causes. What has been the most rewarding pro-bono work that you have done? Who would be your ideal ethical client?
One of the most rewarding pro-bono projects we’ve done is the one we’re currently doing (and bringing to a conclusion soon) for @artsemergency. Arts Emergency are working to protect arts education here in the UK in the face of government policy that has increased the cost of education to a level beyond the reach of many prospective students. We'll soon be launching their visual identity and website.
There’s no one ideal ethical client for us, but we do already work for one of those that we'd include in an ‘ideal’ list – Global Witness. Global Witness’s work and objectives are a close fit with our own philosophies and they have a great attitude and open mind about the role of graphic design in supporting their campaigns, which we're very pleased to be helping them with.
Zerofee is an ethical design agency based in London. They create, design and implement visual identities and print and digital media for companies who are ethical and responsible. Besides their commercial work they are committed to donating design time to charities and worthy causes.
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 (firstname.lastname@example.org) with details of your site.permalink