12
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Typekit e easiest way to use real fonts on the web.

Adobe Typekit Overview

Embed Size (px)

DESCRIPTION

An overview of Adobe Typekit, the service that allows you to use thousands of real fonts to style web text using only standards-based Javascript, HTML and CSS. Questions to [email protected], @mrechs or @typekit.

Citation preview

Page 1: Adobe Typekit Overview

© 2012 Adobe Systems Incorporated. All Rights Reserved.

Adobe Typekit!e easiest way to use real fonts on the web.

Page 2: Adobe Typekit Overview

© 2012 Adobe Systems Incorporated. All Rights Reserved.

Questions? Write us at [email protected] or @typekit on Twi"er.

What is Adobe Typekit?

2

Typekit lets you use thousands of licensed fonts to style web text in any modern browser, using only

100% standards-based CSS, Javascript, and HTML.

Page 3: Adobe Typekit Overview

© 2012 Adobe Systems Incorporated. All Rights Reserved.

Questions? Write us at [email protected] or @typekit on Twi"er.

Web fonts before Typekit

3

EOT TTF WOFF SVG

Internet Explorer 4.0 ✔

Internet Explorer 9.0 ✔ ✔

Safari 3.1 ✔ ✔

Safari 5.1 ✔ ✔ ✔

Opera 10.0 ✔

Opera 11.1 ✔ ✔

Firefox 3.1 ✔

Firefox 3.6 ✔ ✔

Chrome 1.0 ✔ ✔

Chrome 6.0 ✔ ✔ ✔

Mobile Safari / iOS 3.2 ✔

Mobile Safari / iOS 4.2 ✔ ✔

Mobile Safari / iOS 5.0 ✔ ✔ ✔

Browsers have supported web fonts since IE4, but support is spo!y:

In the beginning, we had just one font:

We eventually came to trust this set of “web safe” fonts:

Page 4: Adobe Typekit Overview

© 2012 Adobe Systems Incorporated. All Rights Reserved.

Questions? Write us at [email protected] or @typekit on Twi"er.

Web fonts with Typekit

4

EMBED USING 100% STANDARD HTML, JS & CSS

4000+ FONTS LICENSED FROM 55+ TOP FOUNDRIES

SUPPORT ALL MODERN BROWSERS & DEVICES

BENEFITS OF HTML TEXT:

• Best for SEO• Easiest to update• Copy / Paste / Zoom• Translation

• Accessibility• Browser support• Consistent branding• Lower page weight

Page 5: Adobe Typekit Overview

© 2012 Adobe Systems Incorporated. All Rights Reserved.

Questions? Write us at [email protected] or @typekit on Twi"er.

How it Works

Explore thousands of fonts on Typekit.com.

Real rendering samples for 30+ platforms

Detailed web font specimens

5

Page 6: Adobe Typekit Overview

© 2012 Adobe Systems Incorporated. All Rights Reserved.

Questions? Write us at [email protected] or @typekit on Twi"er.

Implementing Typekit

TWO LINES OF JAVASCRIPT<script type="text/javascript"src="http://use.typekit.com/[ID].js">

try{Typekit.load();}catch(e){}

100% STANDARD CSSh1 { font-family: "bello-pro",sans-serif;}.<H1>Look, it’s a font!</H1>

WORKS LIKE ANY OTHER FONT

6

CONFIGURE FONTS WITH KIT EDITOR

Page 7: Adobe Typekit Overview

© 2012 Adobe Systems Incorporated. All Rights Reserved.

Questions? Write us at [email protected] or @typekit on Twi"er.

Typekit Enterprise

THE ONLY ENTERPRISE WEB FONT SOLUTION

+ more than 100 others.

• Self-hosted on the customer’s CDN or network • No dependency on outside infrastructure• Forward-compatible with new browsers & devices• No per-font, per-site, or per-user charges• Support for customer-provided fonts

7

Page 8: Adobe Typekit Overview

© 2012 Adobe Systems Incorporated. All Rights Reserved.

Questions? Write us at [email protected] or @typekit on Twi"er.

Typekit Enterprise

CUSTOM FONTS• Typekit Enterprise customers can use Adobe Typekit to deliver their own proprietary fonts on their own web sites.• Enjoy the bene!t of Typekit’s robust HTML/CSS implementation as well as content protection.

8

Page 9: Adobe Typekit Overview

© 2012 Adobe Systems Incorporated. All Rights Reserved.

Questions? Write us at [email protected] or @typekit on Twi"er.

More than 100 Typekit Enterprise Customers

CNET (Proxima Nova) NEW YORK TIMES (Cheltenham)

THE NEW YORKER (Irvin)

WIRED.COM

WIRED MOBILECBS NEWS (Museo Sans)

9

Page 10: Adobe Typekit Overview

YOUR CDN PROVIDER

AKAMAI, COTENDO, LIMELIGHT, ETC.

© 2012 Adobe Systems Incorporated. All Rights Reserved. .

Typekit Enterprise CDN Integration

10

Kit is delivered to site visitors from the nearest Edgecast POP.

Your kit is published to the Edgecast CDN and mirrored on their global network.

Fonts are delivered to site visitors via your own CDN, with no

dependency on third party servers.

Choose and con"gure fonts on Typekit.com, then click Publish.

Your kit is published to a dedicated origin server at yourname.origin.typekit.com.

DEDICATED ORIGIN SERVER

Con"gure fonts.yourname.com to mirror our origin server.

WITH OUR HOSTED SERVICE:

USING OUR CDN INTEGRATION OPTION:

Page 11: Adobe Typekit Overview

© 2012 Adobe Systems Incorporated. All Rights Reserved.

Questions? Write us at [email protected] or @typekit on Twi"er.

Adobe Typekit Plans & Pricing

Price No Badge

Full Font Library

Desktop Sync

Monthly Pageviews

Unlimited Sites

Email Support

SLA Priority Support

Phone Support

Custom Fonts

CDN Self-Hosting

Invoice Billing

Unlimited Usage

Unlimited Accounts

Offline Use

Free (Included w/ Free Creative Cloud)

$0 25K ✔

Personal $29.99 / yr ✔ 50K ✔

Portfolio(Included with Creative Cloud, CC

for Teams, and CC Enterprise)$49.99 / yr ✔ ✔ ✔ 500k ✔ ✔

Performance $99.99 / yr ✔ ✔ ✔ 1 MM ✔ ✔

Business 40 $40 / mo ✔ ✔ ✔ 2 MM ✔ ✔ ✔ ✔

Business 100 $100 /mo ✔ ✔ ✔ 5 MM ✔ ✔ ✔ ✔

Business 200 $200 / mo ✔ ✔ ✔ 10 MM ✔ ✔ ✔ ✔

Business 400 $400 / mo ✔ ✔ ✔ 25 MM ✔ ✔ ✔ ✔

Typekit Enterprise $750 / mo+ ✔ ✔ ✔* 50 MM+ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔

Enterprise Unlimited CALL ✔ ✔ ✔* UNLIMITED ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔

Badge: Free Typekit plans require the display of a colophon badge. See h!p://bit.ly/Ay7QvC

Desktop Sync: A selection of Typekit library fonts can be sync’d to your desktop computer, for use in any desktop application for comping, making PDFs, or other print or digital media production.

*Desktop Sync is offered to Typekit Enterprise customers at an additional charge.

Support: Business Plan customers receive priority support through an escalated support queue, Enterprise customers can also access support via telephone.

SLA: 99.9% uptime SLA h!p://bit.ly/pJNuDs.

Custom Fonts: Typekit Enterprise customers can provide any licensed font to be processed and made available via their Typekit account. A one-time font processing fee will apply.

Client CDN Integration: Typekit code and fonts can be hosted via client’s own commercial CDN account using their own hostname, like h!p://fonts.customer.com which means no dependency on third-party servers for page load performance. See h!p://slidesha.re/wQvnuG for details.

Invoice Billing is available for Enterprise customers, all other plans are prepaid via credit card. Negotiated pricing and terms are available for high-volume accounts.

Unlimited Usage: Enterprise accounts support unlimited usage via post-paid monthly billing, or by #xed-rate usage tiers.

Unlimited Accounts: A single Typekit Enterprise plan provides an unlimited number of Typekit.com accounts, for all of your staff, vendors, and partners.

Enterprise Unlimited: Unmetered use of Typekit across named properties, plus support for self-hosting in any compatible hosting environment.

11

Page 12: Adobe Typekit Overview

© 2012 Adobe Systems Incorporated. All Rights Reserved.

CALL 855 TYPEKIT (USA) OR EMAIL [email protected]