• Save
Web Safe Fonts Are Dead Series | Part 3: OpenType, The New Frontier
Upcoming SlideShare
Loading in...5
×
 

Web Safe Fonts Are Dead Series | Part 3: OpenType, The New Frontier

on

  • 584 views

In Part 3, Thomas Phinney takes on the bleeding edge of OpenType features on the web, including: ...

In Part 3, Thomas Phinney takes on the bleeding edge of OpenType features on the web, including:

• Workhorse OpenType features—what they are, and how and when to use them
• How OpenType allows you to have script and calligraphic fonts that look more real than ever before
• The bizarre world of cutting-edge OpenType fonts that draw pie charts, translate or censor text, or even predict the future!
• Detailed references and creative inspiration

Statistics

Views

Total Views
584
Views on SlideShare
584
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Web Safe Fonts Are Dead Series | Part 3: OpenType, The New Frontier Web Safe Fonts Are Dead Series | Part 3: OpenType, The New Frontier Presentation Transcript

  • Presented by Thomas PhinneyOpenType:the newweb frontier
  • OpenTypebrowser supportFirefox 4+ (syntax change in 14)Chrome:•  15/16+ Win•  22+ MacInternet Explorer 10+Safari & Opera: not yet
  • OpenTypefeature codes•  Standard stuff: liga (ligatures), kern, calt(contextual alternates), clig (contextualligatures)•  Oldstyle/proportional numbers:onum, pnum•  Fractions: frac•  Superscript/subscript: sups, subs, sinf•  Small caps from caps: c2sc•  Small caps from lowercase: smcp•  Discretionary/historical ligs: dlig, hlig•  Stylistic Set #2, #14: ss02, ss14 View slide
  • OpenTypefeatures in CSSbody {-moz-font-feature-settings:"calt", "liga", "clig", "kern";-moz-font-feature-settings:"calt=1, liga=1, clig=1, kern=1";-ms-font-feature-settings:"calt", "liga", "clig", "kern";-o-font-feature-settings:"calt", "liga", "clig", "kern";-webkit-font-feature-settings:"calt", "liga", "clig", "kern";font-feature-settings:"calt", "liga", "clig", "kern";text-rendering:optimizeLegibility;} View slide
  • DEMO
  • Resources &Linkshttp://www.webink.com/type-resourceshttp://mzl.la/ff4-ot@WebINK@ThomasPhinney