Submit Search
Upload
webfonts & @font-face :: in brief
•
8 likes
•
11,366 views
Paul Irish
Follow
An overview (sans words) of where webfonts are in May 2010.
Read less
Read more
Technology
Report
Share
Report
Share
1 of 28
Download now
Download to read offline
Recommended
The State of Web Typography
The State of Web Typography
Derek Bender
Where in the publishing world are libraries?
Where in the publishing world are libraries?
Katie Dunneback
Where 2.0 Perch Product Launch Presentation
Where 2.0 Perch Product Launch Presentation
perryevans
State of the Internet Operating System: Web2 expo10
State of the Internet Operating System: Web2 expo10
Tim O'Reilly
Epub in the wild
Epub in the wild
liz_castro
Strata Conference 2014 NYC with Twitter
Strata Conference 2014 NYC with Twitter
Taewook Eom
Using WordPress for Digital Workflows and More
Using WordPress for Digital Workflows and More
Kirk Biglione
jQuery Mobile: For Fun and Profit
jQuery Mobile: For Fun and Profit
Daniel Cousineau
Recommended
The State of Web Typography
The State of Web Typography
Derek Bender
Where in the publishing world are libraries?
Where in the publishing world are libraries?
Katie Dunneback
Where 2.0 Perch Product Launch Presentation
Where 2.0 Perch Product Launch Presentation
perryevans
State of the Internet Operating System: Web2 expo10
State of the Internet Operating System: Web2 expo10
Tim O'Reilly
Epub in the wild
Epub in the wild
liz_castro
Strata Conference 2014 NYC with Twitter
Strata Conference 2014 NYC with Twitter
Taewook Eom
Using WordPress for Digital Workflows and More
Using WordPress for Digital Workflows and More
Kirk Biglione
jQuery Mobile: For Fun and Profit
jQuery Mobile: For Fun and Profit
Daniel Cousineau
Better Bash - Unit and Integration Testing
Better Bash - Unit and Integration Testing
C.J. Jameson
(Short version) Building a Mobile, Social, Location-Based Game in 5 Weeks
(Short version) Building a Mobile, Social, Location-Based Game in 5 Weeks
Jennie Lees
Smaller, Flatter, Smarter
Smaller, Flatter, Smarter
Web 2.0 Expo
Social Gold: The Design of FarmVille and Other Social Games (Web2Expo 2010)
Social Gold: The Design of FarmVille and Other Social Games (Web2Expo 2010)
Amitt Mahajan
Mobilising the world's Natural History - Open Data + Citizen Science
Mobilising the world's Natural History - Open Data + Citizen Science
Margaret Gold
Kobo: What Do eBook Customers Really, Really Want? (Tools of Change 2011)
Kobo: What Do eBook Customers Really, Really Want? (Tools of Change 2011)
MTamblyn
Data Science and Smart Systems: Creating the Digital Brain
Data Science and Smart Systems: Creating the Digital Brain
VMware Tanzu
Web 2.0 Expo Speech: Open Leadership
Web 2.0 Expo Speech: Open Leadership
Charlene Li
Hadoop's Impact on the Future of Data Management | Amr Awadallah
Hadoop's Impact on the Future of Data Management | Amr Awadallah
Cloudera, Inc.
Locked Out in London (and tweeting about it) - version with my notes
Locked Out in London (and tweeting about it) - version with my notes
Sylvain Carle
Did Social Media Hijack My Communications Strategy
Did Social Media Hijack My Communications Strategy
Mike Smith
Tyranny of the SLA
Tyranny of the SLA
J. Paul Reed
Primum non nocere - Ethical Obligations in Internet Operations
Primum non nocere - Ethical Obligations in Internet Operations
Jan Schaumann
Kobo: What Do eBook Customers Really, Really Want? (Michael Tamblyn at Tools ...
Kobo: What Do eBook Customers Really, Really Want? (Michael Tamblyn at Tools ...
Kobo
The Laws of User Experience: Making it or Breaking It with the UX Factor
The Laws of User Experience: Making it or Breaking It with the UX Factor
Effective
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
Securing Application Deployments in CI/CD Environments (Updated slides: http:...
Securing Application Deployments in CI/CD Environments (Updated slides: http:...
Binu Ramakrishnan
Forking Successfully - or is a branch better?
Forking Successfully - or is a branch better?
Colin Charles
Advanced Caching Concepts @ Velocity NY 2015
Advanced Caching Concepts @ Velocity NY 2015
Rakesh Chaudhary
Managing a large open source community - OSCON 2016
Managing a large open source community - OSCON 2016
{code}
The state of web typography
The state of web typography
Four Kitchens
CSS @font-face : Personalized fonts
CSS @font-face : Personalized fonts
Yves Van Goethem
More Related Content
Viewers also liked
Better Bash - Unit and Integration Testing
Better Bash - Unit and Integration Testing
C.J. Jameson
(Short version) Building a Mobile, Social, Location-Based Game in 5 Weeks
(Short version) Building a Mobile, Social, Location-Based Game in 5 Weeks
Jennie Lees
Smaller, Flatter, Smarter
Smaller, Flatter, Smarter
Web 2.0 Expo
Social Gold: The Design of FarmVille and Other Social Games (Web2Expo 2010)
Social Gold: The Design of FarmVille and Other Social Games (Web2Expo 2010)
Amitt Mahajan
Mobilising the world's Natural History - Open Data + Citizen Science
Mobilising the world's Natural History - Open Data + Citizen Science
Margaret Gold
Kobo: What Do eBook Customers Really, Really Want? (Tools of Change 2011)
Kobo: What Do eBook Customers Really, Really Want? (Tools of Change 2011)
MTamblyn
Data Science and Smart Systems: Creating the Digital Brain
Data Science and Smart Systems: Creating the Digital Brain
VMware Tanzu
Web 2.0 Expo Speech: Open Leadership
Web 2.0 Expo Speech: Open Leadership
Charlene Li
Hadoop's Impact on the Future of Data Management | Amr Awadallah
Hadoop's Impact on the Future of Data Management | Amr Awadallah
Cloudera, Inc.
Locked Out in London (and tweeting about it) - version with my notes
Locked Out in London (and tweeting about it) - version with my notes
Sylvain Carle
Did Social Media Hijack My Communications Strategy
Did Social Media Hijack My Communications Strategy
Mike Smith
Tyranny of the SLA
Tyranny of the SLA
J. Paul Reed
Primum non nocere - Ethical Obligations in Internet Operations
Primum non nocere - Ethical Obligations in Internet Operations
Jan Schaumann
Kobo: What Do eBook Customers Really, Really Want? (Michael Tamblyn at Tools ...
Kobo: What Do eBook Customers Really, Really Want? (Michael Tamblyn at Tools ...
Kobo
The Laws of User Experience: Making it or Breaking It with the UX Factor
The Laws of User Experience: Making it or Breaking It with the UX Factor
Effective
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
davyjones
Securing Application Deployments in CI/CD Environments (Updated slides: http:...
Securing Application Deployments in CI/CD Environments (Updated slides: http:...
Binu Ramakrishnan
Forking Successfully - or is a branch better?
Forking Successfully - or is a branch better?
Colin Charles
Advanced Caching Concepts @ Velocity NY 2015
Advanced Caching Concepts @ Velocity NY 2015
Rakesh Chaudhary
Managing a large open source community - OSCON 2016
Managing a large open source community - OSCON 2016
{code}
Viewers also liked
(20)
Better Bash - Unit and Integration Testing
Better Bash - Unit and Integration Testing
(Short version) Building a Mobile, Social, Location-Based Game in 5 Weeks
(Short version) Building a Mobile, Social, Location-Based Game in 5 Weeks
Smaller, Flatter, Smarter
Smaller, Flatter, Smarter
Social Gold: The Design of FarmVille and Other Social Games (Web2Expo 2010)
Social Gold: The Design of FarmVille and Other Social Games (Web2Expo 2010)
Mobilising the world's Natural History - Open Data + Citizen Science
Mobilising the world's Natural History - Open Data + Citizen Science
Kobo: What Do eBook Customers Really, Really Want? (Tools of Change 2011)
Kobo: What Do eBook Customers Really, Really Want? (Tools of Change 2011)
Data Science and Smart Systems: Creating the Digital Brain
Data Science and Smart Systems: Creating the Digital Brain
Web 2.0 Expo Speech: Open Leadership
Web 2.0 Expo Speech: Open Leadership
Hadoop's Impact on the Future of Data Management | Amr Awadallah
Hadoop's Impact on the Future of Data Management | Amr Awadallah
Locked Out in London (and tweeting about it) - version with my notes
Locked Out in London (and tweeting about it) - version with my notes
Did Social Media Hijack My Communications Strategy
Did Social Media Hijack My Communications Strategy
Tyranny of the SLA
Tyranny of the SLA
Primum non nocere - Ethical Obligations in Internet Operations
Primum non nocere - Ethical Obligations in Internet Operations
Kobo: What Do eBook Customers Really, Really Want? (Michael Tamblyn at Tools ...
Kobo: What Do eBook Customers Really, Really Want? (Michael Tamblyn at Tools ...
The Laws of User Experience: Making it or Breaking It with the UX Factor
The Laws of User Experience: Making it or Breaking It with the UX Factor
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
HTML5 is the Future of Mobile, PhoneGap Takes You There Today
Securing Application Deployments in CI/CD Environments (Updated slides: http:...
Securing Application Deployments in CI/CD Environments (Updated slides: http:...
Forking Successfully - or is a branch better?
Forking Successfully - or is a branch better?
Advanced Caching Concepts @ Velocity NY 2015
Advanced Caching Concepts @ Velocity NY 2015
Managing a large open source community - OSCON 2016
Managing a large open source community - OSCON 2016
Similar to webfonts & @font-face :: in brief
The state of web typography
The state of web typography
Four Kitchens
CSS @font-face : Personalized fonts
CSS @font-face : Personalized fonts
Yves Van Goethem
The Type We Want
The Type We Want
Jonathan Snook
new fonts for the web
new fonts for the web
Marc Tobias Kunisch
Standards: politics, case studies
Standards: politics, case studies
Zi Bin Cheah
Web Font Replacement
Web Font Replacement
brinsknaps
Squeezing The Best Out Of Webfonts
Squeezing The Best Out Of Webfonts
Paul Irish
Web Typography with CSS3
Web Typography with CSS3
Matthew Smith
WOFF and emerging technology of web fonts
WOFF and emerging technology of web fonts
Vladimir Levantovsky
The State of Web Type
The State of Web Type
Matthew Buchanan
Web fonts
Web fonts
Varun Grover
New Web Typography
New Web Typography
Monotype
Drupal Camp LA 2011: Typography modules for Drupal
Drupal Camp LA 2011: Typography modules for Drupal
Ashok Modi
Web Fonts: Why Bother?
Web Fonts: Why Bother?
Greg Veen
Firefox 4 & THE AFTER
Firefox 4 & THE AFTER
dynamis
Firefox 4 and more
Firefox 4 and more
dynamis
The Trouble With Type
The Trouble With Type
elliotjaystocks
Making drupal beautiful with web fonts
Making drupal beautiful with web fonts
Four Kitchens
State of the Mobile Browsers
State of the Mobile Browsers
Peter-Paul Koch
Firefox 3.5 Overview
Firefox 3.5 Overview
Wichai Termwuttipreecha
Similar to webfonts & @font-face :: in brief
(20)
The state of web typography
The state of web typography
CSS @font-face : Personalized fonts
CSS @font-face : Personalized fonts
The Type We Want
The Type We Want
new fonts for the web
new fonts for the web
Standards: politics, case studies
Standards: politics, case studies
Web Font Replacement
Web Font Replacement
Squeezing The Best Out Of Webfonts
Squeezing The Best Out Of Webfonts
Web Typography with CSS3
Web Typography with CSS3
WOFF and emerging technology of web fonts
WOFF and emerging technology of web fonts
The State of Web Type
The State of Web Type
Web fonts
Web fonts
New Web Typography
New Web Typography
Drupal Camp LA 2011: Typography modules for Drupal
Drupal Camp LA 2011: Typography modules for Drupal
Web Fonts: Why Bother?
Web Fonts: Why Bother?
Firefox 4 & THE AFTER
Firefox 4 & THE AFTER
Firefox 4 and more
Firefox 4 and more
The Trouble With Type
The Trouble With Type
Making drupal beautiful with web fonts
Making drupal beautiful with web fonts
State of the Mobile Browsers
State of the Mobile Browsers
Firefox 3.5 Overview
Firefox 3.5 Overview
More from Paul Irish
An Overview of HTML5 Storage
An Overview of HTML5 Storage
Paul Irish
Progressive Advancement, by way of progressive enhancement
Progressive Advancement, by way of progressive enhancement
Paul Irish
Progressive Advancement in Web8
Progressive Advancement in Web8
Paul Irish
Modernizr - Detecting HTML5 and CSS3 support
Modernizr - Detecting HTML5 and CSS3 support
Paul Irish
Employing Custom Fonts
Employing Custom Fonts
Paul Irish
jQuery Anti-Patterns for Performance & Compression
jQuery Anti-Patterns for Performance & Compression
Paul Irish
Practical Design Solutions from Japan
Practical Design Solutions from Japan
Paul Irish
Rich Typography Options For The Web - or - Why sIFR is Dead in 2009
Rich Typography Options For The Web - or - Why sIFR is Dead in 2009
Paul Irish
More from Paul Irish
(8)
An Overview of HTML5 Storage
An Overview of HTML5 Storage
Progressive Advancement, by way of progressive enhancement
Progressive Advancement, by way of progressive enhancement
Progressive Advancement in Web8
Progressive Advancement in Web8
Modernizr - Detecting HTML5 and CSS3 support
Modernizr - Detecting HTML5 and CSS3 support
Employing Custom Fonts
Employing Custom Fonts
jQuery Anti-Patterns for Performance & Compression
jQuery Anti-Patterns for Performance & Compression
Practical Design Solutions from Japan
Practical Design Solutions from Japan
Rich Typography Options For The Web - or - Why sIFR is Dead in 2009
Rich Typography Options For The Web - or - Why sIFR is Dead in 2009
Recently uploaded
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
XfilesPro
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
shyamraj55
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
soniya singh
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Paola De la Torre
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
Sinan KOZAK
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
Mark Billinghurst
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
HostedbyConfluent
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
OnBoard
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Patryk Bandurski
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
AndikSusilo4
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Alan Dix
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
ThousandEyes
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
Neo4j
Recently uploaded
(20)
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
webfonts & @font-face :: in brief
1.
webfonts & @font-face
in brief Paul Irish web 2.0 expo : May 6, 2010 Monday, May 10, 2010
2.
@font-face Monday, May 10,
2010
3.
Browser Support
@font-face svg fonts rich type (eot or ttf/otf) (uses @font-face) libraries (sIFR, Cufon, etc) IE IE 5+ --- IE 6+ Firefox FF 3.5 FF 3.5 + FF 2+ (.woff in 3.6) Safari Saf 3.1+ Saf 3.1+ 3+ (incl. mobile safari) Chrome Chrome 4.0 Chrome 0.3+ 1+ (stable) Opera Opera 10 Opera 9 9.2+ (sometimes) Monday, May 10, 2010
4.
Browser Support
@font-face svg fonts rich type (eot or ttf/otf) (uses @font-face) libraries (sIFR, Cufon, etc) IE IE 5+ --- IE 6+ Firefox FF 3.5 FF 3.5 + FF 2+ (.woff in 3.6) Safari Saf 3.1+ Saf 3.1+ 3+ (incl. mobile safari) Chrome Chrome 4.0 Chrome 0.3+ 1+ (stable) Opera Opera 10 Opera 9 9.2+ (sometimes) Monday, May 10, 2010
5.
97% SUPPORT OF
@FONT-FACE IE 6.0 10% IE 8.0 25% IE 7.0 17% Firefox 3.0 3% Saf3, Opera, Chrome Firefox 3.5+ 15% 27% Safari 4.0 4% Monday, May 10, 2010
6.
Monday, May 10,
2010
7.
Monday, May 10,
2010
8.
Monday, May 10,
2010
9.
Monday, May 10,
2010
10.
Monday, May 10,
2010
11.
Monday, May 10,
2010
12.
Monday, May 10,
2010
13.
Monday, May 10,
2010
14.
Monday, May 10,
2010
15.
Acquiring fonts
Free fonts Fontsquirrel, League of Movable Type, WebFonts.info wiki Commercial fonts Typekit, Kernest, FontDeck, Typotheque, webfonts.fonts.com, ascenderfonts.com Fontspring Monday, May 10, 2010
16.
Acquiring fonts
Free fonts Fontsquirrel, League of Movable Type, WebFonts.info wiki Commercial fonts Typekit, Kernest, FontDeck, Typotheque, webfonts.fonts.com, ascenderfonts.com Fontspring Monday, May 10, 2010
17.
Acquiring fonts
Free fonts Fontsquirrel, League of Movable Type, WebFonts.info wiki Commercial fonts Typekit, Kernest, FontDeck, Typotheque, webfonts.fonts.com, ascenderfonts.com Fontspring Monday, May 10, 2010
18.
Acquiring fonts
Free fonts Fontsquirrel, League of Movable Type, WebFonts.info wiki Commercial fonts Typekit, Kernest, FontDeck, Typotheque, webfonts.fonts.com, ascenderfonts.com Fontspring Monday, May 10, 2010
19.
Font Squirrel Generator Monday,
May 10, 2010
20.
Font Squirrel Generator Monday,
May 10, 2010
21.
Monday, May 10,
2010
22.
Monday, May 10,
2010
23.
Monday, May 10,
2010
24.
FontSpring Monday, May 10,
2010
25.
FontSpring Monday, May 10,
2010
26.
FontSpring Monday, May 10,
2010
27.
Monday, May 10,
2010
28.
Monday, May 10,
2010
Download now