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
Slideshow view
Report
Share
Slideshow view
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
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
AndikSusilo4
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Memoori
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Safe Software
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Allon Mureinik
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
HostedbyConfluent
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
ThousandEyes
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
2toLead Limited
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
Scott Keck-Warren
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
carlostorres15106
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
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
XfilesPro
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
OnBoard
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
Pixlogix Infotech
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Delhi Call girls
Recently uploaded
(20)
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
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