Categories
CSS Design Real type on the web webfonts webtype

Bulletproof @font-face

Zeldman

Real type on the web. All the kids are doing it. But maybe we’re doing it wrong. After testing several CSS @font-face syntax variants, including one used on this site, Paul Irish says the following is clearly best:

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('Graublau Web Regular'), local('Graublau Web'), 
         url('GraublauWeb.otf') format('opentype');
      }

Read more: “Bulletproof @font-face syntax” at paulirish.com.

By Jeffrey Zeldman

“King of Web Standards”—Bloomberg Businessweek.

Principal & Creative Director, Automattic, Inc. Founder & Publisher, A List Apart. Co-founder, An Event Apart design conference. Publisher & co-founder, A Book Apart—brief books for people who design, write, and code. Have written two books, notably Designing With Web Standards, 3rd Edition. Faculty, MFA, Interaction Design program, School of Visual Arts, NY. Host, The Big Web Show. But what I really want to do is direct.