{
  "id": "6cde0ee6b39c",
  "url": "http://kernest.com/blog/archive/back-to-the-future-of-typography-presentation-notes",
  "title": "[Back to] The Future of Typography - Presentation Notes",
  "note": "I just talked with the UofMN’s Web Standards Workgroup about @font-face. Rather than load up a context-less, frozen, presentation, here are my notes.\n\nFonts are how we express emotion, identity, and personality, visually in text. \n\nAs part of their  2002 print edition redesign the Wall Street Journal redrew 2 of their typefaces; WSJ Scotch Condensed, Franklin Gothic, and added a third - Retina - to the mix. Maintaining the WSJ brand in how news and information is presented.\n\nWhen WSJ redesigned the online edition in 2008 they, like everyone of us, chose; Georgia, Arial, and Times New Roman. \n\nThe distinction, differentiation, and identity offline designers strive for falls completely apart online when the ability to specify the fonts online in a meaningful way.\n\nWe’ve had the technology to support this for 12 years - since 1997.\n\nWhen Netscape 4 supported TrueDoc and Internet Explorer 4 supported EOT.\n\nNetscape dropped TrueDoc support when it went open-source.\n\nMicrosoft.com hasn’t updated their Web Embedding Fonts Tool to create .eot files since 2003.\n\nSo, in the mean time, web designers have restricted themselves to the 12 Core fonts for the Web. Another now defunct project containing classic fonts - the most contemporary of which is the 12 year old - Webdings. \n\nHave we not found new ways of expressing ourselves within the past 12 years?\n\nAs of CSS3 - the @font-face declaration is officially a standard way of specifying fonts for used within web pages. \n\nEXAMPLE\n\n@font-face {\n  font-family:‘Fotin-Regular’;\n  src: url(‘/fotin.otf’);\n}\n\np {\n  font-family:‘Fotin-Regular’;\n  font-size: 3.2em;\n  letter-spacing: 1px;\n  text-align: center;\n}\n\n\nBROWSER SUPPORT\nSafari 3+ (current)\nInternet Explorer v4+ (still via .eot files)\nFirefox 3.5 (expected after Jun 2009)\nOpera v10 \n\nEOT was submitted to the W3C in March of 2008. It contains 6 DRM keys. \n\nEXAMPLES OF @FONT-FACE IN THE WILD\nJon Tan’s @font-face test with Fontin Regular\nElliottCable.name\nRichard Rutter’s Clagnut\n\nEMBED-ABLE FONTS\nExljbris Font Foundry\nWebfonts.info Wiki Page: Fonts Available for font-face embedding\n",
  "voice": "excerpt",
  "saved": "2009-05-18T03:36:07Z",
  "host": "kernest.com",
  "kind": "page",
  "tags": [],
  "record": "https://links.thingelstad.xyz/links/6cde0ee6b39c/",
  "markdown": "https://links.thingelstad.xyz/links/6cde0ee6b39c.md",
  "issues": [],
  "connections": {
    "same_host": {
      "count": 3,
      "page": "https://links.thingelstad.xyz/hosts/kernest.com/",
      "nearest": [
        {
          "id": "02939e068e29",
          "title": "What Are We Waiting For?",
          "url": "http://kernest.com/blog/archive/what-are-we-waiting-for",
          "record": "https://links.thingelstad.xyz/links/02939e068e29/"
        },
        {
          "id": "9b18b6c89119",
          "title": "Fonts for my website",
          "url": "http://kernest.com/styles/for-jamie",
          "record": "https://links.thingelstad.xyz/links/9b18b6c89119/"
        },
        {
          "id": "d4ab0aca3548",
          "title": "Kernest",
          "url": "http://kernest.com/",
          "record": "https://links.thingelstad.xyz/links/d4ab0aca3548/"
        }
      ]
    },
    "same_week": {
      "count": 4,
      "nearest": [
        {
          "id": "b771510d45cf",
          "title": "Things 1.1Things Touch 1.3.5: Area Sync",
          "url": "http://www.tuaw.com/2009/05/11/things-1-1-things-touch-with-area-sync/",
          "record": "https://links.thingelstad.xyz/links/b771510d45cf/"
        },
        {
          "id": "e7f218770a16",
          "title": "First Look: Twin 1.0 for Mac OS X",
          "url": "http://www.tuaw.com/2009/05/15/first-look-twin-1-0-for-mac-os-x/",
          "record": "https://links.thingelstad.xyz/links/e7f218770a16/"
        },
        {
          "id": "58734e64957c",
          "title": "Black Widow: Saturday Afternoon Freakout!",
          "url": "http://www.friday.com/bbum/2009/05/16/black-widow-saturday-afternoon-freakout/",
          "record": "https://links.thingelstad.xyz/links/58734e64957c/"
        },
        {
          "id": "66061473f5e2",
          "title": "Top 10 Programming Fonts",
          "url": "http://mjtsai.com/blog/2009/05/17/top-10-programming-fonts/",
          "record": "https://links.thingelstad.xyz/links/66061473f5e2/"
        }
      ]
    },
    "mentions": [],
    "mentioned_by": [],
    "saved_twice": []
  },
  "elsewhere": {
    "wayback": "https://web.archive.org/web/*/http://kernest.com/blog/archive/back-to-the-future-of-typography-presentation-notes"
  }
}