A Renaissance in Web typography
Web fonts are enabling incredible new design. In the last few years, we’ve seen an explosion of great work fueled by these new tools. Web fonts are improving the web by allowing a broader range of expressiveness. As designers, we can finally access the full spectrum of typographic emotion without sacrificing accessibility, maintainability, and performance. In this talk, we’ll look at examples of great work, explore the history of typography on the web, dig into @font-face and CSS, and discuss some of the unique constraints and challenges of using web fonts.
Typekit ; Web fonts
An engineer and web developer at Typekit which is a hosted web fonts subscription service.
Design adjust to fit screen so the canvas of the web is fluid
Gives you the ability to chose same typefaces for book, print and web.
1993 - No web fonts
2008 18 standard fonts- Ariel, georgia, Verdanna
If need anything else had to use images or flash embedded fonts
Responsive Design - changing design with rules for break points
A big difference to print is the rendering. Since all browsers and operating systems handle rendering differently, your type is going to look different on different platforms. Each computer has to try to figure out how to display small type on low resolution screens (most screens are generally around 75 pixels per inch). This has the effect that, for example, the type looks more fuzzy on OS X’s coretext and crisper on Windows’ directwrite. It’s a problem which will hopefully someday go away when higher resolution screens become more ubiquitous.
With webfonts it’s a good idea to keep page size in mind, as each webfont adds kb’s to be sent to the visitor. And finally there’s fallback fonts to consider. You should define a stack of fonts to be used if your webfont somehow doesn’t load, and how this will affect your design.
McBride went on to cover the different rules and possibilities the web brings, which we must respond to. While we must not start with the old form and try to cram it into a new form. Instead, he mentioned an method Jonathan Hoefler talked about on Pivot: AIGA Design Conference:
WOW Hoefler has certainly been educational and opened up Typography for web
you start with an idea and through a design system you create the form. So for instance the content of a newspaper would be the idea, which would go through different design systems resulting in a newspaper and a website.
After this there was sadly not enough time left for McBride to go into detail on fluid or responsive layouts on the web. But luckily he had given us a good introduction to the possibilities of typography on the web by then.