Content tagged “typography”

  1. How Changing WebFonts Made Rubygems.org 10x Faster

    Nate Berkopec’s article is chock full of useful information, but I was particularly taken by his framing of a developer’s job (emphasis his):

    As developers, our job isn’t to tell the designers “Hey, you’re dumb for including over 500KB of WebFonts in your design!”. That’s not their job. As performance-minded web developers, our job is to deliver the designer’s vision in the most performant way possible.

    Equally interesting, but more technically-focused, is the rundown of how Google Fonts takes advantage of the unicode-range property to deliver smaller fonts.

    The unicode-range property describes what characters the font supports. […] By telling the browser what characters the font supports, the browser can look at the page, note what characters the page uses, and then only download the fonts it needs to display the characters actually on the page.

    Brilliant. I switched to serving fonts from Google and trimmed 45–70 kilobytes from my homepage. Your mileage may vary, but… not bad.

  2. swissted

    swissted is an ongoing project by graphic designer mike joyce, owner of stereotype design in new york city. drawing from his love of punk rock and swiss modernism, two movements that have (almost) nothing to do with one another, mike has redesigned vintage punk, hardcore, and indie rock show flyers into international typographic style posters. each design is set in berthold akzidenz grotesk medium, all lowercase. many of these posters are now available for sale in three different sizes at print-process. every single one of these shows actually happened.