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
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
Alex Barbosa Coqueiro
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
Lars Bell
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
LoriGlavin3
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
LoriGlavin3
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
mohitsingh558521
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
hariprasad279825
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
MounikaPolabathina
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
BookNet Canada
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
Manik S Magar
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Lonnie McRorey
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
Curtis Poe
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
gvaughan
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
ScyllaDB
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
Dilum Bandara
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
Nicole Novielli
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Hervé Boutemy
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
Addepto
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)
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
Digital Identity is Under Attack: FIDO Paris Seminar.pptx
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
SALESFORCE EDUCATION CLOUD | FEXLE SERVICES
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
What is DBT - The Ultimate Data Build Tool.pdf
What is DBT - The Ultimate Data Build Tool.pdf
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
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