The newsroom


15
Mar
2017

New Release: Moniker

CM_Moniker

We’re excited to announce our latest typeface, Moniker by Eric Olson. Moniker is a rounded sans serif that captures the informal tone of the genre while maintaining a sensible workhorse mentality. The family is made up of five weights with lively italics, and with features like small caps and multiple numeral styles, the fonts can take on the small (tables and text) and big (headlines and logos).

Moniker is available for desktop, webfont and app licenses. And it’s offered in full and basic versions. The basic version has a smaller character set — and price so you can start there and always upgrade later.

Desktop: SpecimenSpecsPurchase Options
Web: SpecimenSpecsPurchase Options



13
Dec
2016

More Elena, More Control

elena-blog5

Elena, designed by Nicole Dotin, has doubled in size with two new weights. Adding to the Regular and Bold, a Light and Medium bring a twist of variability to this modern serif typeface. The new styles form a trio of text weights – rather than follow a traditional linear weight model – and serve as lighter and heavier gradations of the Regular. These new fonts are designed to offer finer control over page color, hierarchy, and type pairings.

Originally released in 2011, Elena was made for extended reading. It has since found its way into every medium, from books to blogs, and even the popular reading app Instapaper. This release expands on that mission, reaffirming its commitment to text that’s meant to be read.

As before, the fonts are offered in Full and Basic versions. The Basic has a smaller character set — and price so it’s a good way to test the family before you dive into all of its features. And if you’ve previously licensed Elena, you can upgrade without paying for what you already bought, whether that was a single style or family. Learn more about how to upgrade.

Desktop: SpecimenSpecsPurchase Options
Web: SpecimenSpecsPurchase Options



27
Sep
2016

Scandia in Use: Tengbom

tengbom_id_2016-05-03_page_27_5000

Tengbom, a Scandinavian architectural firm, has a new visual identity and it’s full of Scandia. Developed by Oscar Liedgren Studio, the branding takes full advantage of our latest typeface and also features a new style — Scandia Light Stencil.

Scandia was released with just one stencil font, but Liedgren thought a second, lighter weight would carry them even further. He came to us after creating Tengbom’s new logo, based on Scandia Regular, and worked with Eric Olson to design the custom font. Since there was always potential for more stencil weights, we’re glad they asked.

tengbom-scandia-light-sample

No doubt stencils and architecture have an affinity for each other. Liedgren was keenly aware of the relationship but after surveying the competition, he found it wasn’t as common as he imagined. In the end, their use of stencils accent Tengbom’s own design work, adding a nice level of detail across print and web.

‘I think type in the context of identity can help you either to “belong” to a world (like that of architecture) or “stand apart”,’ Liedgren explained via email. ‘Both are valid strategies and need to be seen in the light of all other graphic elements and imagery at hand. In the end, what makes it work or not, is in the detail, in the craft, and in the way it’s applied.’

tengbom_id_2016-05-03_page_31_5000

 

Tengbom-portfolio3b

alla-crop

Tengbom-blog2


Visit Tengbom.se to see the webfonts served up. And you can see more in-use samples at Oscar Liedgren Studio. Print images courtesy Oscar Liedgren.



22
Sep
2016

You bought some webfonts — now what?

webfont-guide-desktop

Getting webfonts up and running on a website can be challenging or just plain tedious. To take some of the sting out of it, we’ve written a quick start guide to help you implement the webfonts right away.

Take it Step-by-Step

The new guide, included in all our webfont packages, has step-by step instructions as well as a pre-written stylesheet for self-hosting webfonts. Just upload the included webfonts folder to your server, add a link to the stylesheet, style some text and you’re done. If it doesn’t go as smoothly as advertised, there’s a troubleshooting section too.

Jump Straight to the Code

You can also skip the steps and jump straight to pre-written CSS @font-face rules and classes. For packages with multiple weights or styles, the relationships between the fonts have already been worked out and are specific to the fonts in your order. The font-family name is shared, the font-weights use number values, and the font-styles are set to normal or italic, making it easier to manage related webfonts.

Need to deal with FOUT, want to make sure kerning is on, or prefer to serve fewer formats? Go for it! The quick start guide offers a solid beginning but isn’t prescriptive – feel free to adjust it based on the priorities of your site. Now go and enjoy the ten or twenty minutes you’ve been spared by not having to write @font-face code!


If you’ve purchased webfonts from us in the past, re-download an order from your account to get the quick start guide.



11
Apr
2016

Colfax in Use: Hewn

FODA Hewn Hopper

FÖDA, an Austin-based design studio, has renamed and rebranded their neighbor, Hewn, a wood shop, fabricator, and mill. The hefty Colfax Black logo sets the tone – spanning 8′ wide on the hopper above! — and Colfax webfonts extend the identity online. Check out their brand guidelines, patterned business cards, and striking sliding door below.

FODA Hewn Brand Guidelines

FODA Hewn Homepage

FODA Hewn Business Cards

FODA Hewn Door

Photographs by Nick Simonite.



19
Feb
2016

Giving One Percent to the Environment, 2015 Edition

The new year is already humming along but we’d be remiss if we didn’t mention our 2015 pledge to 1% for the Planet. For the past six years, we’ve given one percent of our annual revenue to nonprofits whose work benefits the environment. If you made a purchase from us last year, here’s where one percent of that sale went:

We joined 1% for the Planet in 2010 and have fulfilled our commitment every year. While we’ve been proud members, 2015 marks the end of our membership. We will continue to donate to groups that strive for a healthy environment, but without being bound by 1%’s nonprofit directory. With all of the opportunities out there, we look forward to finding new ways to support good causes.



10
Dec
2015

Capucine In Use: Freshly Delivered

Hello-Fresh-Group-Home

HelloFresh is a delivery service that saves you time on shopping and meal planning – you pick recipes and they send a box full of pre-measured ingredients that you cook at home. It’s one of many such services popping up left and right. In this growing market, where websites replace store aisles, each brand’s take on photography, colors, and type will be key to luring in cooks.

The approach of HelloFresh is a bright orange and green color palette combined with Alice Savoie’s Capucine. Her typeface is used primarily for headings and its rich flavor is balanced by a generous amount of white space. Capucine’s distinct italics are also put to good use, adding a layer of hierarchy and a subtle sense of movement to the page.

Hello-Fresh_Web-Promise

The design carries over to their iOS app, where you can see recipes and rate meals. Paired with Adobe’s Source Sans, Capucine is used more extensively and at a wider range of sizes. The typefaces complement each other, creating a bright vibe and easy-to-follow instructions. Overall, the use of Capucine lends warmth to an experience that could easily feel cold.

Hello-Fresh_App-1

Hello-Fresh_App-2

Capucine is available for desktop and webfont formats, and has extended licensing options.



29
Oct
2015

We Updated Our Entire Library: Upgrade for Free

What began as a retooling of our production process ended up as a full-scale rebuild of every font in our library. The new, updated fonts are now available to all customers as free upgrades. The changes are almost entirely technical in nature – in other words, the design of the typefaces remains the same – but the improvements are beneficial to everyone, particularly those who licensed webfonts or who regularly use Microsoft Office applications on Windows. Many of the changes were based on customer feedback so if you ever experience problems with our fonts, get in touch – we’re here to help.

So, what changed?

Desktop Font Changes

  • OpenType fonts now work better in Microsoft Office programs. If you’ve seen styles behave unusually or not show up at all, this should fix that.
  • Certain fonts are now style-linked for better behavior in programs that require style changes be made using the Bold or Italic buttons. Dive deep into style linking.
  • Font menu organization has changed for three families: Bryant Condensed, Bryant Compressed and Klavika Condensed. The fonts are now grouped as their own family rather than under their larger family name (see illustration below). Some programs were unable to handle the larger number of fonts in a single grouping. This also results in better cross-platform compatibility.
  • Other minor improvements.
Process_Blog_Font-Update_img-desktop

The way three families display in the font menu has changed. In this example, Bryant Compressed & Condensed are no longer grouped together under Bryant.


Webfont Changes

  • WOFF 2.0 format added. Webfont packages now include WOFF2, WOFF, and EOT files for each style. This new format offers compression advantages over the original WOFF format.
  • OpenType code, once stripped for file size, has been added back into the fonts. This does not add OpenType features, but restores the ability to access them via CSS for any OpenType features in the font. For most of the current webfont library that translates to ligatures and fractions.
  • Fixed glitches that occurred in certain browsers hindering rendering or kerning.
  • Further minor improvements to rendering of all non-manually hinted fonts.
Process_Blog_Font-Update_img-webfonts

We added the WOFF2 font format to all webfont packages for a total of three format options. The examples on the right show the file size differences between WOFF and WOFF2.


How to Upgrade

First, sign into your account and re-download your licensed fonts. Desktop users should uninstall existing fonts, restart, and then install the new fonts — in that order. Because the internal names of the fonts changed for the three reorganized families — Bryant Condensed or Compressed, and Klavika Condensed – existing documents using those fonts will have to replace the old fonts with the new fonts inside the document. Webfont users, upload the new versions to your server and check that the new font file names match the old. And for those of you using Typekit, republish your kits and the latest versions will be served.