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
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
Nathaniel Shimoni
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
Curtis Poe
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
Commit University
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
BookNet Canada
How to write a Business Continuity Plan
How to write a Business Continuity Plan
Databarracks
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
LoriGlavin3
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
BkGupta21
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
Fwdays
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
Rick Flair
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
ScyllaDB
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
gvaughan
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
2toLead Limited
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
Pixlogix Infotech
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Hervé Boutemy
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
DianaGray10
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
Lorenzo Miniero
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Sergiu Bodiu
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demo
HarshalMandlekar2
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
BookNet Canada
Recently uploaded
(20)
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
Nell’iperspazio con Rocket: il Framework Web di Rust!
Nell’iperspazio con Rocket: il Framework Web di Rust!
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
How to write a Business Continuity Plan
How to write a Business Continuity Plan
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
unit 4 immunoblotting technique complete.pptx
unit 4 immunoblotting technique complete.pptx
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
Rise of the Machines: Known As Drones...
Rise of the Machines: Known As Drones...
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
Ensuring Technical Readiness For Copilot in Microsoft 365
Ensuring Technical Readiness For Copilot in Microsoft 365
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Sample pptx for embedding into website for demo
Sample pptx for embedding into website for demo
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
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