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
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
Remote DBA Services
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
apidays
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
Architecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
Andrey Devyatkin
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Sandro Moreira
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
danishmna97
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
WSO2
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
apidays
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
johnbeverley2021
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
MIND CTI
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Dropbox
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
DianaGray10
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Zilliz
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
Rustici Software
Recently uploaded
(20)
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Architecting Cloud Native Applications
Architecting Cloud Native Applications
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
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