introducing the new system fonts - apple inc. · family tree san francisco sf sf compact text...

#WWDC15

Session 804

Introducing the New System Fonts

Antonio Cavedoni Type Designer

Design

Agenda

San Francisco Fonts

Agenda

San Francisco FontsDesign Principles

Agenda

San Francisco FontsDesign PrinciplesNew Features, Changes, and Code

Agenda

San Francisco FontsDesign PrinciplesNew Features, Changes, and CodePotential API Pitfalls

San Francisco

aaaaaaaaa

////////// / / / / / / / /

/ / / / / / / / /

aaaaaa

1 2 3 4 5 6 7 8 9A

San Francisco

ABCDEFGHIJKLMNO PQRSTUVWXYZ abcdefghijklmn opqrstuvwxyz 123456789&0

Family TreeSan Francisco

SF SF Compact

Text Display Text Display

SF SF Compact

ABC abcABC abcABC abcABC abcABC abcABC abc

ABC abcABC abcABC abcABC abcABC abcABC abcABC abcABC abcABC abc

ABC abcABC abcABC abcABC abcABC abcABC abc

ABC abcABC abcABC abcABC abcABC abcABC abcABC abcABC abcABC abc

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

SF Compact

SF and SF Compact

San Francisco

SF SF Compact

abcdefghijklmnopqrstuvwxyz

SF and SF Compact

oesoes

SF and SF Compact

oesoes

SF and SF Compact

oesoes

SF and SF Compact

oesoes

SF and SF Compact

oesoes

SF and SF Compact

oesoes

Texture

To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more? We choose to go to the moon in this decade and do the other things, not because they are easy,

Texture

To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more? We choose to go to the moon in this decade and do the other things, not because they are easy,

oesoes

To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more? We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win. Here men from the planet Earth first set foot upon the Moon. July 1969 AD. We came in peace for all mankind. Here men from the planet Earth first set foot upon the Moon.

Texture

To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more? We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win. Here men from the planet Earth first set foot upon the Moon. July 1969 AD. We came in peace for all mankind. Here men from the planet Earth first set foot upon the Moon.

oesoes

To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more? We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win. Here men from the planet Earth first set foot upon the Moon. July 1969 AD. We came in peace for all mankind. Here men from the planet Earth first set foot upon the Moon. July 1969 AD. We came in peace for all mankind. Never in all their history have men been able truly to conceive of the world as one: a single sphere, a globe, having the qualities of a globe, a round earth in which all the directions eventually meet, in which there is no center because every point, or none, is center — an equal earth which all men occupy as equals. The airman's earth, if free men make it, will be truly round: a globe in practice, not in theory.

Texture

oesoes

Proportions

5HlpxBaseline

5Hlpxx-Height

5HlpxCap-Height

5HlpxDescender

5HlpxAscender

Proportions

5HlpxCompatible Overall Vertical Metrics

Cap-Height Lower Than Ascenders

Large x-Height

Numbers Align with Uppercase

A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n

o p q r s t u v w x y z

Polishktóre wstrząsnęły sumieniem ludzkości, i że

ogłoszono uroczyście jako najwznioślejszy cel ludzkości dążenie do zbudowania takiego świata, w

którym ludzie korzystać będą z wolności słowa i przekonań oraz z wolności od strachu i nędzy,

zważywszy, że konieczne jest zawarowanie praw człowieka przepisami prawa, aby nie musiał –

doprowadzony do ostateczności – uciekać się do buntu przeciw tyranii i uciskowi, zważywszy, że

Icelandicæðsta markmið almennings um heim allan sé að skapa veröld, þar sem menn fái notið málfrelsis,

trúfrelsis og óttaleysis um einkalíf afkomu. Mannréttindi á að vernda með lögum. Að öðrum

kosti hljóta menn að grípa til þess örþrifaráðs að rísa upp gegn kúgun og ofbeldi. Það er mikilsvert að efla

vinsamleg samskipti þjóða í milli. Í stofnskrá sinni hafa Sameinuðu þjóðdirnar lýst yfir trú sinni á grundvallaratriði mannréttinda, á göfgi og gildi

Hungarianfellázító barbár cselekményekhez vezetett, és hogy az ember legfőbb vágya egy olyan világ eljövetele,

amelyben az elnyomástól, valamint a nyomortól megszabadult emberi lények szava és

meggyőződése szabad lesz, tekintettel annak fontosságára, hogy az emberi jogokat a jog uralma védelmezze, nehogy az ember végső szükségében

a zsarnokság és az elnyomás elleni lázadásra kényszerüljön, tekintettel arra, hogy igen lényeges a

Vietnamesecả các nước và tất cả các dân tộc đánh giá việc

thực hiện mục tiêu mà mọi cá nhân và mọi tổ chức trong xã hội, trên cơ sở luôn ghi nhớ Bản tuyên ngôn

này, sẽ phấn đấu thúc đẩy sự tôn trọng các quyền và tự do cơ bản của con người thông qua truyền bá

và giáo dục, cũng như sẽ phấn đấu đảm bảo cho mọi người dân, ở chính các nước thành viên của

Liên Hợp Quốc và ở các lãnh thổ thuộc quyền quản lý của mình, công nhận và thực hiện những quyền

Cyrillic

А Б В ГД ЕЖЗИЙ К ЛМНО П Р СТ УФХЦ ЧШЩЬЮЯа б в гд е ж з и й к л м н о п р с т у ф х ц ч шщ ью я

RussianВсеобщую декларацию прав человека в

качестве задачи, к выполнению которой должны стремиться все народы и все государства с тем,

чтобы каждый человек и каждый орган общества, постоянно имея в виду настоящую

Декларацию, стремились путем просвещения и образования содействовать уважению этих прав и свобод и обеспечению, путем национальных и международных прогрессивных мероприятий

Α Β ΓΔ Ε Ζ ΗΘ Ι Κ ΛΜΝ Ξ Ο Π Ρ Σ Τ ΥΦΧΨΩα β γ δ ε ζ η θ ι κ λ μ ν ξ ο π ρ σ ς τ υ φχ ψω

Greekοποίο πρέπει να κατατείνουν όλοι οι λαοί και όλα τα έθνη, έτσι ώστε κάθε άτομο και κάθε όργανο της κοινωνίας, με τη διακήρυξη αυτή διαρκώς

στη σκέψη, να καταβάλλει, με τη διδασκαλία και την παιδεία, κάθε προσπάθεια για να αναπτυχθεί ο σεβασμός των ανθρώπινων δικαιωμάτων και των ελευθεριών αυτών, και να εξασφαλιστεί

προοδευτικά, με εσωτερικά και διεθνή μέσα, η παγκόσμια και αποτελεσματική εφαρμογή τους

San Francisco

New typeface called San Francisco

San Francisco

New typeface called San FranciscoiOS and OS X make use of a new font family called SF

San Francisco

New typeface called San FranciscoiOS and OS X make use of a new font family called SFWatch family renamed to SF Compact

San Francisco

New typeface called San FranciscoiOS and OS X make use of a new font family called SFWatch family renamed to SF CompactFamilies have similar proportions

San Francisco

New typeface called San FranciscoiOS and OS X make use of a new font family called SFWatch family renamed to SF CompactFamilies have similar proportionsSF and SF Compact are related but different designs

Download Info

Apple Fonts and Text Pagedeveloper.apple.com/fonts

Download Info BETA

Apple Fonts and Text Pagedeveloper.apple.com/fonts

Principles

Visual perception islargely about illusion

Equalizing Height

Equalizing HeightOvershoot

To make two shapes look similar, they often have to be made dissimilar

#Bonus

#Bonus: Octothorpe

Bonus: Octothorpe

#Bonus: Octothorpe

Visual perception islargely about illusion

Optical Sizes

San Francisco

SF SF Compact

hamburgefonstiv120pt

Same Font, Different Sizes

hamburgefonstiv

hamburgefonstiv120pt

hamburgefonstiv

Display Versus Text

hamburgefonstiv

Display Versus Text

hamburgefonstiv

Display Versus Text

hamburgefonstiv

hamburgefonstivhamburgefonstiv

Negative Space

aesConfusable Shapes

easConfusable Shapes

aesConfusable Shapes

hamburghamburgeDisplay Versus Text

Display Versus Text

hamburgefonstiv

Display

Display Versus Text

Optical Sizes

Two optical, size-specific families—Text and Display

Optical Sizes

Two optical, size-specific families—Text and DisplayThe system automatically switches at 20pt

Optical Sizes

Two optical, size-specific families—Text and DisplayThe system automatically switches at 20ptNo adoption necessary

Optical Sizes

Two optical, size-specific families—Text and DisplayThe system automatically switches at 20ptNo adoption necessaryApp designers need to be aware of the difference

Tracking

hamburgefonstiv

Tracking

ha m b urg efon st iv

H OHH OOHHHH OHH OOHHH

Tracking Versus KerningTracking

OOO HHHH H HO HOOHHH H H

PositiveTracking

Tracking

TrackingNegative

H OHH OOHHH

Kerning

HHHHLTHHH

Kerning

H OHH OOHHH

HHHHLTHHHTHHHHHHHL

Kerning

H OHH OOHHH

HHHHLTHHHTHHHHHHHL

Kerning

H OHH OOHHH

HHHHLTHHHTHHHHHHHL

KerningNegative

H OHH OOHHH

Tracking Versus Kerning

HHHHLTHHHTHHHHHHHLH OHH OOHHH

Tracking Versus Kerning

HHHO HHHOOHHHHLTHHHTHHHHHHHL

H OHH OOHHH

Tracking Is Size-Specific

Point size

9 18 20 40

hamburgefonstivTracking Is Size-Specific

Display

Tracking Summary

Tracking is automatically enabled for System Font

Tracking Summary

Tracking is automatically enabled for System FontFor designers, we provide the tracking tables that System Font supports

Weights

Font Weight

nFont Weight

Font Weight

Text Weights

Light Regular Medium Semibold Bold Heavy

Light Italic Regular Italic Medium Italic Semibold Italic Bold Italic Heavy Italic

Light Regular Medium Semibold Bold Heavy

Text Weights

Display Weights

Light Regular Medium Semibold Bold HeavyBlack

ThinUltralight

Light Regular Medium Semibold Bold HeavyBlack

ThinUltralight

?Display Weights

Display WeightsTo be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with nature—could one dream of anything more? We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win. Here men from the planet Earth first set foot upon the Moon. July 1969 AD. We came in peace for all mankind. Here men from the planet Earth first set foot upon the Moon. July 1969 AD. We came in peace for all mankind. Never in all their history have men been able truly to conceive of the world as one: a single sphere, a globe, having the qualities of a globe, a round earth in which all the directions eventually meet, in which there is no center because every point, or none, is center — an equal earth which all men occupy as equals. The airman's earth, if free men make it, will be truly round: a globe in practice, not in theory.

from the planet Earth d. Never in all their hist sphere, a globe, having meet in which there is

the other things, not becaus easure the best of our ener g to postpone, and one which We come in peace for all manre? We choose to go to the re hard, because that goal s one that we are willing to the planet Earth first set to

New System Font weight APIs in AppKit and UIKit

New Weights Adoption

New System Font weight APIs in AppKit and UIKitNSFont.systemFontOfSize(SIZE, weight: WEIGHT) UIFont.systemFontOfSize(SIZE, weight: WEIGHT)

UIFontWeightUltralight UIFontWeightThin UIFontWeightLight UIFontWeightRegular UIFontWeightMedium UIFontWeightSemibold UIFontWeightHeavy UIFontWeightBlack

NSFontWeightUltralight NSFontWeightThin NSFontWeightLight NSFontWeightRegular NSFontWeightMedium NSFontWeightSemibold NSFontWeightHeavy NSFontWeightBlack

How to Use Weights

Differentiation and hierarchy

How to Use Weights

Differentiation and hierarchySimilitude

How to Use Weights

Differentiation and hierarchySimilitudeVoice

Weight-Use in Differentiation and Hierarchy

Today’s weather is great.

Weather forecasts Monday Tuesday Wednesday Thursday Friday Saturday Sunday

Weight Used for Similitude

Larger size = Lighter weightSmaller size = Heavier weight

Weight Used for Similitude

Weight Used for Voice

Bee Weather

Tuesday 37°CWednesdayThursdayFridaySaturdaySunday

39°C38°C37°C38°C40°C

Monday 39°C37°C39°C38°C37°C38°C40°C

Bee Weather

39°C38°C37°C38°C40°C

Monday 39°C37°C39°C38°C37°C38°C40°C

39°CDove WeatherMonday 20°CTuesday 23°CWednesdayThursdayFridaySaturdaySunday

20°C22°C23°C22°C20°C

Zebra Weather

39°C38°C37°C38°C40°C

Monday 39°C37°C39°C38°C37°C38°C40°C

39°CDove WeatherMonday 20°CTuesday 23°CWednesdayThursdayFridaySaturdaySunday

20°C22°C23°C22°C20°C

How to Use Weights

Legibility first

How to Use Weights

Legibility first• Establish hierarchy with consistency and clarity

How to Use Weights

Legibility first• Establish hierarchy with consistency and clarity• On iOS, use Text Style APIs and adopt Dynamic Type

Settings > General > Accessibility > Bold Text

How to Use Weights

Relying on weights that are too bold will hit upper weight limit

How to Use Weights

Relying on weights that are too bold will hit upper weight limitOn the other hand, too-light text is unreadable for many users

Weights Summary

New font weights are available in OS X 10.11 and iOS 9

Weights Summary

New font weights are available in OS X 10.11 and iOS 9New APIs are available to make use of them

Weights Summary

New font weights are available in OS X 10.11 and iOS 9New APIs are available to make use of themSame guidelines about hierarchy, legibility, and taste apply to usage

Typographic Features

Features Make Fonts Active

Features are behaviors embedded inside a font

Features are behaviors embedded inside a fontMake complex scripts and languages possible

Features are behaviors embedded inside a fontMake complex scripts and languages possibleAllow access to extended glyphs

Feature Example: Fractions

1/2 ½Feature Example: Fractions

1/2 ½U+00BD VULGAR FRACTION ONE HALF

2/9Feature Example: Fractions

2/9 ?Feature Example: Fractions

2/9 2/

2/9 29/

2/9 29⁄

U+2044 FRACTION SLASH

2/9Feature Example: Fractions

2/9 2⁄9Feature Example: Fractions

65/324 65⁄324Feature Example: Fractions

Enabling Features: Typography Panel

let pointSize : CGFloat = 60.0 let systemFontDesc = UIFont.systemFontOfSize(pointSize, weight: UIFontWeightLight).fontDescriptor() let fractionFontDesc = systemFontDesc.fontDescriptorByAddingAttributes( [ UIFontDescriptorFeatureSettingsAttribute: [ [ UIFontFeatureTypeIdentifierKey: kFractionsType, UIFontFeatureSelectorIdentifierKey: kDiagonalFractionsSelector, ], ] ] )

label.font = UIFont(descriptor: fractionFontDesc, size:pointSize)

Enabling Features: Code

e=mc2 e=mc2

Feature Example: Superiors/Superscripts

e=mc2 e=mc2

Feature Example: Inferiors/Subscripts

Feature Example: Uppercase Forms

A+3A+3

Feature Example: Uppercase Forms

A+3A+3

Special Features

Special Feature: Vertically Centered Colon

9:41Friday, June 12

Wed 9:41 AM

9:41Friday, June 12

Cupertino, CA

Sunset 7:10PM9HRS 1MIN

14:59 7:00 00 46

Wed 9:41 AM

9:41Friday, June 12

Cupertino, CA

Sunset 7:10PM9HRS 1MIN

14:59 7:00 00 46

Wed 9:41 AM

00:26.2200:02.37

Special Feature: Alternate Six and Nine

6 9 6 9Special Feature: Alternate Six and Nine

301545

300510

152025

301545

300510

152025

Optional feature

Optional featureAvailable with code

Optional featureAvailable with codeUIFontFeatureTypeIdentifierKey: kStylisticAlternativesType

UIFontFeatureSelectorIdentifierKey: kStylisticAltOneOnSelector

Bonus: Features and Optical Sizes

265⁄324Display

265⁄324 265⁄324Display Text

Features Summary

Features are behavior-embedded inside a font

Features Summary

Features are behavior-embedded inside a fontSome features are automatically turned on for System Font

Features Summary

Features are behavior-embedded inside a fontSome features are automatically turned on for System FontOthers require opt-in

Numbers

0123456789

Number Spacing

0123456789

Number Spacing

Monospaced (Tabular) Numbers

0123456789

235,667+30,521+

1,273,313+9,831+

127,053+9,967,345+

235,667+30,521+

1,273,313+9,831+

127,053+9,967,345+

235,667+30,521+

1,273,313+9,831+

127,053+9,967,345+

2015/06/12 12:342014/12/03 00:332013/06/22 22:352012/10/30 04:042011/01/01 08:542011/03/12 12:382010/05/12 06:272010/09/14 09:412010/02/31 23:15

235,667+30,521+

1,273,313+9,831+

127,053+9,967,345+

2015/06/12 12:342014/12/03 00:332013/06/22 22:352012/10/30 04:042011/01/01 08:542011/03/12 12:382010/05/12 06:272010/09/14 09:412010/02/31 23:15

0123456789

Proportional Numbers

0123456789

Monospaced for Animation

Friday,June 12th

Proportionals for Static Labels

Friday,June 12th

+1 (123) 300-4000

Friday,June 12th

Inbox (3172 messages, 2 unread)

+1 (123) 300-4000

Friday,June 12th

seanjohnson21@icloud.com

+1 (123) 300-4000

Friday,June 12th

seanjohnson21@icloud.comhttp://www.apple.com/pr/library/2015/06/08Apple-Previews-iOS-9.html

+1 (123) 300-4000

Friday,June 12 th

+1 (123) 300-4000

seanjohnson21@icloud.comhttp://www.apple.com/pr/library/2015/06/08Apple-Previews-iOS-9.html

Proportional numbers by default, opt into

monospaced

Numbers Summary

Numbers are now proportional by default

Numbers Summary

Numbers are now proportional by defaultApplications not linked against OS X 10.11 and iOS 9.0 get monospaced numbers

Numbers Summary

Numbers are now proportional by defaultApplications not linked against OS X 10.11 and iOS 9.0 get monospaced numbers New shortcut API in AppKit

Numbers Summary

Numbers are now proportional by defaultApplications not linked against OS X 10.11 and iOS 9.0 get monospaced numbers New shortcut API in AppKitNSFont.monospacedDigitsSystemFontOfSize(mySize weight:)

Font API Pitfalls

Don’t Access Fonts with Private Names

let myFont = UIFont.fontWithName(“.ApplePrivateFont” size:mySize)

Don’t Reference Font File Names

… /System/Library/Fonts/Apple Color Emoji.ttf /System/Library/Fonts/AppleSDGothicNeo-Bold.otf /System/Library/Fonts/Avenir.ttc /System/Library/Fonts/HiraKakuInterface-W2.otf /System/Library/Fonts/Monaco.dfont /System/Library/Fonts/Palatino.ttc /System/Library/Fonts/ZapfDingbats.ttf …

Don’t Access System Font by Name

let myFont = UIFont.systemFontOfSize(mySize)

…later in the code…

let myOtherFont = UIFont.fontWithName(myFont.familyName size:mySize)

Do Reuse Font Descriptors

let systemFont = UIFont.systemFontOfSize(mySize)

…later in the code…

let myOtherFont = UIFont.fontWithDescriptor(systemFont.fontDescriptor() size:mySize)

Don’t Draw System Font at a Different-Than-Nominal Point Size

hamburgefonstiv15pt

hamburgefonstivhamburgefonstiv15pt

15pt scaled up

hamburgefonstiv

15pt scaled up

Font API Pitfalls

Treat fonts as opaque objects

Font API Pitfalls

Treat fonts as opaque objectsFonts with optical sizes break old assumptions

Font API Pitfalls

Treat fonts as opaque objectsFonts with optical sizes break old assumptionsRelying on System APIs ensures correct behavior and rendering stability

Summary

MotivationSan FranciscoOptical SizesTrackingWeightFeaturesNumbersFont API Pitfalls

Summary

More Information

DocumentationApple Fonts and Text Pagedeveloper.apple.com/fonts

Designing Great Appsdeveloper.apple.com/design

Technical SupportApple Developer Forumsdeveloper.apple.com/forums

Developer Technical Supportdeveloper.apple.com/support/technical

General InquiriesCurt Rothert, App Frameworks Evangelistrothert@apple.com

Mike Stern, User Experience Evangeliststern@apple.com

Apple Watch Design Tips and Tricks Presidio Friday 3:30PM

Text and Fonts Lab Frameworks Lab D Friday 3:30PM

Related Session and Lab

introducing the new system fonts - apple inc. · family tree san francisco sf sf compact text...

Documents

north county sd pizzeria - next wave commercial · north...

your everyplace · 2021. 6. 23. · aveda face value salon...

sf-99 sf-u3000 bd15 sf-hd60 sf-9151 p161 da-23 da · pdf...

fr-sf led display functions

e:sample 2012 2 group2donerevit space ...240 sf 56 sf 54 sf...

situatii financiare individuale 31 decembrie 2017...

e abc abc d abc abc d abc d abc abc d abc abc d abc d …

for lease · san diego, ca 92154 available: • 700sf...

phase 1 - davidsonsgroup.co.uk · shared drive bp 1.8m sw...

product catalogue · 2018. 6. 6. · as204-sf 220 running...

946 - 20,469 sf · 2020. 1. 28. · available 1.3451 ac...

retail space madison, nj · 2020. 12. 18. · yuki hana...

wr-;;:::t virginia procurement vu tech · $2.04 /sf $1.84...

display and operation with the sf 3 control...

the vineyards - loopnet...993 sf 2,200 sf 1,100 sf 2,199 sf...

rockaway plaza - loopnet · retro fitness available 11,438...

1,630 sf - 6,700 sf for lease...real estate services arrow...

portaria sf nº 089, de 10.06.2009, sf nº 147 de 29.08.2008...

antonio aro (2085453243) abc · isabel bekele (7693571585)...

konstantin anisimovich tatiana...