Introducing The New System Fonts

Design
Introducing the New System Fonts

Session 804
Antonio Cavedoni Type Designer
2015 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.
#WWDC15
Agenda
Agenda
San Francisco Fonts
Agenda
San Francisco Fonts
Design Principles
Agenda
San Francisco Fonts
Design Principles
New Features, Changes, and Code
Agenda
San Francisco Fonts
Design Principles
New Features, Changes, and Code
Potential API Pitfalls
San Francisco
a a a aaaaaa
/ / / / / ////
//// / / / / /
/ / / / / ////
a
a
a
a
a
a
a
a
a
a
1 2 3 456789
A A A A A A
A A A A A A
A AA
San Francisco
ABCDEFGHIJKLMNO
PQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
123456789&0
Family Tree
San Francisco
Family Tree
San Francisco
SF
SF Compact
Family Tree
San Francisco
SF
Text
SF Compact
Display
Text
Display
Family Tree
San Francisco
SF
SF Compact
Text
Display
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
Text
Display
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
ABC abc
SF
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789



SF Compact





SF and SF Compact
San Francisco
SF
SF Compact
SF and SF Compact
abcdefghijklmnopqrstuvwxyz
SF and SF Compact
oes
oes
SF and SF Compact
oes
oes
SF and SF Compact
oes
oes
SF and SF Compact
oes
oes
SF and SF Compact
oes
oes
Texture
oes
oes
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,
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,
oes
oes
Texture
To be the first to enter the cosmos, to engage, singlehanded, in an unprecedented duel with naturecould 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.
To be the first to enter the cosmos, to engage, singlehanded, in an unprecedented duel with naturecould 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.
oes
oes
Texture
To be the first to enter the cosmos, to engage, single-handed, in an
unprecedented duel with naturecould 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.
To be the first to enter the cosmos, to engage, single-handed, in an

unprecedented duel with naturecould 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.
oes
oes
Proportions
5Hlpx
Baseline
5Hlpx
x-Height
5Hlpx
Cap-Height
5Hlpx
Descender
5Hlpx
Ascender
5Hlpx
Proportions
5Hlpx
Compatible Overall Vertical Metrics
5Hlpx
Cap-Height Lower Than Ascenders
5Hlpx
Large x-Height
5Hlpx
Numbers Align with Uppercase
5Hlpx
Latin
ABCDEFGHIJKLMN
OPQRSTUVWXYZ
abcdefghijklmn
opqrstuvwxyz
Polish
ktre wstrzsny sumieniem ludzkoci, i e
ogoszono uroczycie jako najwzniolejszy cel
ludzkoci denie do zbudowania takiego wiata, w
ktrym ludzie korzysta bd z wolnoci sowa i
przekona oraz z wolnoci od strachu i ndzy,
zwaywszy, e konieczne jest zawarowanie praw
czowieka przepisami prawa, aby nie musia
doprowadzony do ostatecznoci ucieka si do
buntu przeciw tyranii i uciskowi, zwaywszy, e
Icelandic
sta markmi almennings um heim allan s a
skapa verld, ar sem menn fi noti mlfrelsis,
trfrelsis og ttaleysis um einkalf afkomu.
Mannrttindi a vernda me lgum. A rum
kosti hljta menn a grpa til ess rrifars a rsa
upp gegn kgun og ofbeldi. a er mikilsvert a efla
vinsamleg samskipti ja milli. stofnskr sinni
hafa Sameinuu jdirnar lst yfir tr sinni
grundvallaratrii mannrttinda, gfgi og gildi
Hungarian
fellzt barbr cselekmnyekhez vezetett, s hogy
az ember legfbb vgya egy olyan vilg eljvetele,
amelyben az elnyomstl, valamint a nyomortl
megszabadult emberi lnyek szava s
meggyzdse szabad lesz, tekintettel annak
fontossgra, hogy az emberi jogokat a jog uralma
vdelmezze, nehogy az ember vgs szksgben
a zsarnoksg s az elnyoms elleni lzadsra
knyszerljn, tekintettel arra, hogy igen lnyeges a
Vietnamese
c cc nc v tt c cc dn tc nh gi vic
thc hin mc tiu m mi c nhn v mi t chc
trong x hi, trn c s lun ghi nh Bn tuyn ngn
ny, s phn u thc y s tn trng cc quyn
v t do c bn ca con ngi thng qua truyn b
v gio dc, cng nh s phn u m bo cho
mi ngi dn, chnh cc nc thnh vin ca
Lin Hp Quc v cc lnh th thuc quyn qun
l ca mnh, cng nhn v thc hin nhng quyn
Cyrillic
Russian

,
,

,
,

,

Greek
Greek

,
,
, ,
,

,
, ,

San Francisco
San Francisco
New typeface called San Francisco
San Francisco
iOS and OS X make use of a new font family called SF
San Francisco
Watch family renamed to SF Compact
San Francisco
Families have similar proportions
San Francisco
Families have similar proportions
SF and SF Compact are related but dierent designs
Download Info
Apple Fonts and Text Page
developer.apple.com/fonts
Download Info
BETA
Principles
Visual perception is
largely about illusion
Equalizing Height
Equalizing Height
Equalizing Height
Equalizing Height
Equalizing Height
Equalizing Height
Overshoot
Equalizing Height
Overshoot
To make two shapes look similar,

they often have to be made dissimilar



Bonus
Bonus: Octothorpe
Bonus: Octothorpe
Bonus: Octothorpe
Bonus: Octothorpe
Bonus: Octothorpe
Bonus: Octothorpe
Bonus: Octothorpe
Bonus: Octothorpe
Visual perception is
largely about illusion
Optical Sizes
Optical Sizes
San Francisco
SF
Text
SF Compact
Display
Text
Display
Same Font, Dierent Sizes
120pt
hamburgefonstiv
120pt
hamburgefonstiv
15pt
hamburgefonstiv
hamburgefonstiv
hamburgefonstiv
DisplayFont,
Same
Versus
Dierent
Text Sizes
hamburgefonstiv
hamburgefonstiv
Display Versus Text
hamburgefonstiv
hamburgefonstiv
Display Versus Text
hamburgefonstiv
hamburgefonstiv
Negative Space
hamburgefonstiv
hamburgefonstiv
Negative Space
hamburgefonstiv
hamburgefonstiv
Negative Space
hamburgefonstiv
hamburgefonstiv
Negative Space
hamburgefonstiv
hamburgefonstiv
Negative Space
s ae
Confusable Shapes
e
a
s
Confusable Shapes
s ae
Confusable Shapes
sae
Confusable Shapes
s ae
Confusable Shapes
s ae
Confusable Shapes
Display Versus Text
hambu
hambur
Display Versus Text
hamburgefonstiv
hamburgefonstiv
Display Versus Text
hamburgefonstiv
hamburgefonstiv
Display Versus Text
hamburgefonstiv
hamburgefonstiv
Display Versus Text
amburgefonstiv
mburgefonstiv
Display Versus Text
amburgefonstiv
mburgefonstiv
Display Versus Text
gefonstiv
gefonstiv
Display Versus Text
gefonstiv
gefonstiv
Display Versus Text
hamburgefonstiv
amburgefonstiv
Display Versus Text
hamburgefonstiv
amburgefonstiv
Display Versus Text
mburgefonstiv
burgefonstiv
Display Versus Text
gefonstiv
efonstiv
Display Versus Text
efonstiv
efonstiv
Display Versus Text

40pt
hamburgefonstiv
30pt
hamburgefonstiv
Display
20pt
hamburgefonstiv
Text
19pt
hamburgefonstiv
18pt
hamburgefonstiv
17pt
hamburgefonstiv
16pt
hamburgefonstiv
Optical Sizes
Optical Sizes
Two optical, size-specific familiesText and Display
Optical Sizes
The system automatically switches at 20pt
Optical Sizes
No adoption necessary
Optical Sizes
No adoption necessary
App designers need to be aware of the dierence
Tracking
Tracking
hamburgefonstiv
Tracking
h a m b u rg e fo n s t i v
Tracking Versus Kerning
H HH O OO HHH
Tracking
Positive
H HH
HH
H OO O H
HH
HHH
Tracking
H HH O OO HHH
Tracking
Negative
HHO OOHHH
HHHH
HHH
Tracking
Negative
H HH O OO HHH
Tracking
Negative
H HH O OO HHH
Kerning
H HH O OO HHH
Kerning
H HH O OO HHH
HHHHLTHHH
Kerning
H HH O OO HHH
HHHHLTHHH
HHHHLTHHH
Kerning
H HH O OO HHH
HHHHLTHHH
HHHHLTHHH
Kerning
Negative
H HH O OO HHH
HHHHLTHHH
HHHHLTHHH
H HH O OO HHH
HHHHLTHHH
HHHHLTHHH
HHHO
H HH
HHHOO
OHHH
OO
HHHHLTHHH
HHHHLTHHH
Tracking Is Size-Specific
Tracking value
180
90
-60
18
20
40
Point size
60
80
Tracking Is Size-Specific
40pt
10T
hamburgefonstiv
30pt
11T
hamburgefonstiv
Display
20pt
19T
hamburgefonstiv
Text
19pt
-25T
hamburgefonstiv
18pt
-24T
hamburgefonstiv
17pt
-24T
hamburgefonstiv
16pt
-20T
hamburgefonstiv
Tracking Summary
Tracking Summary
Tracking is automatically enabled for System Font
Tracking Summary
Tracking is automatically enabled for System Font
For designers, we provide the tracking tables that System Font supports
Weights
Font Weight
Font Weight
Font Weight
Text Weights
Light
Regular
Medium
Semibold
Bold
Heavy
Text Weights
Light
Regular
Medium
Semibold
Bold
Heavy
Light Italic
Regular Italic
Medium Italic
Semibold Italic
Bold Italic
Heavy Italic
Display Weights
Ultralight
Thin
Light
Regular
Medium
Semibold
Bold
Heavy
Black
Display Weights
Ultralight
Thin
Light
Regular
Medium
Semibold
Bold
Heavy
Black
Display Weights
To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with naturecould 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.
the other things, not becaus

easure the best of our ener
g to postpone, and one which
We come in peace for all man
To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with naturecould 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.
re? We choose to go to the

re hard, because that goal
s one that we are willing to
the planet Earth first set to
To be the first to enter the cosmos, to engage, single-handed, in an unprecedented duel with
naturecould 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
New Weights Adoption

New System Font weight APIs in AppKit and UIKit

NSFont.systemFontOfSize(SIZE, weight: WEIGHT)
UIFont.systemFontOfSize(SIZE, weight: WEIGHT)

NSFont.systemFontOfSize(SIZE, weight: WEIGHT)
UIFont.systemFontOfSize(SIZE, weight: WEIGHT)
NSFontWeightUltralight
NSFontWeightThin
NSFontWeightLight
NSFontWeightRegular
NSFontWeightMedium
NSFontWeightSemibold
NSFontWeightHeavy
NSFontWeightBlack
UIFontWeightUltralight
UIFontWeightThin
UIFontWeightLight
UIFontWeightRegular
UIFontWeightMedium
UIFontWeightSemibold
UIFontWeightHeavy
UIFontWeightBlack
How to Use Weights
How to Use Weights

Dierentiation and hierarchy
How to Use Weights

Similitude
How to Use Weights

Similitude
Voice
Weight-Use in Dierentiation and Hierarchy
Todays weather is great.
Todays weather is great.

Weather forecasts
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday

Weather forecasts
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
Weight Used for Similitude

Larger size = Lighter weight
Smaller size = Heavier weight
Weight Used for Voice
Bee Weather
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
39C
37C
39C
38C
37C
38C
40C
Bee Weather
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
Dove Weather
39C
Monday
37C
Tuesday
39C
Wednesday
38C
Thursday
37C
Friday
38C
Saturday
40C
Sunday
20C
23C
20C
22C
23C
22C
20C
Zebra Weather
Dove Weather
Monday
Tuesday
Wednesday
Thursday
Friday
Saturday
Sunday
39C
Monday
37C
Tuesday
39C
Wednesday
38C
Thursday
37C
Friday
38C
Saturday
40C
Sunday
20C
23C
20C
22C
23C
22C
20C
How to Use Weights
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
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 limit
On the other hand, too-light text is unreadable for many users
Weights Summary
Weights Summary
New font weights are available in OS X 10.11 and iOS 9
Weights Summary
New APIs are available to make use of them
Weights Summary
New APIs are available to make use of them
Same guidelines about hierarchy, legibility, and taste apply to usage
Typographic Features
Features Make Fonts Active

Features are behaviors embedded inside a font

Make complex scripts and languages possible

Make complex scripts and languages possible
Allow access to extended glyphs
Feature Example: Fractions
1/2
1/2
1/2
U+00BD VULGAR FRACTION ONE HALF
2/9
2/9 ?
2/9
2/9
2/9
/9
2/9
/9
2/9
2
U+2044 FRACTION SLASH
2/9
2/9 29
65/324 65324
65/324 65324
65/324 65324
65/324 65324
65/324 65324
65/324 65324
65/324 65324
Enabling Features: Typography Panel
Enabling Features: Code

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)

[
[
],
]
]
)

[
[
],
]
]
)

[
[
],
]
]
)

[
[
],
]
]
)

[
[
],
]
]
)
Feature Example: Superiors/Superscripts
e=mc2
e=mc2
e=mc2
e=mc2
e=mc2
e=mc2
Feature Example: Inferiors/Subscripts
C3H8
C3H8 C3H8
C3H8 C3H8
Feature Example: Uppercase Forms
A+3
A+3 A+3
A+3 A+3
Special Features
Special Feature: Vertically Centered Colon
9:41
Friday, June 12
9:41
Friday, June 12
Wed 9:41 AM
9:41
Friday, June 12
Wed 9:41 AM
9:41
Sunset 7:10PM
9HRS 1MIN
Cupertino, CA
14:59
7:00
00 46
9:41
00:02.37
00:26.22
Friday, June 12
Wed 9:41 AM
9:41
Sunset 7:10PM
9HRS 1MIN
Cupertino, CA
14:59
7:00
00 46
Special Feature: Alternate Six and Nine
69
6 9 69

12
11
10
25
20
30
15
60
45
1
2
05
10
MON 9 3
15
30

12
11
10
25
20
30
15
60
45
1
2
05
10
MON 9 3
15
30

Optional feature

Optional feature
Available with code

Optional feature
Available with code
UIFontFeatureTypeIdentifierKey: kStylisticAlternativesType

Optional feature
Available with code
UIFontFeatureTypeIdentifierKey: kStylisticAlternativesType
UIFontFeatureSelectorIdentifierKey: kStylisticAltOneOnSelector
Bonus: Features and Optical Sizes
265324
Display
265324 265324
Display
Text
Features Summary
Features Summary
Features are behavior-embedded inside a font
Features Summary
Some features are automatically turned on for System Font
Features Summary
Some features are automatically turned on for System Font
Others require opt-in
Numbers
Number Spacing
0123456789
Number Spacing
0123456789
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:34
2014/12/03 00:33
2013/06/22 22:35
2012/10/30 04:04
2011/01/01 08:54
2011/03/12 12:38
2010/05/12 06:27
2010/09/14 09:41
2010/02/31 23:15
235,667+
30,521+
1,273,313+
9,831+
127,053+
9,967,345+
2015/06/12 12:34
2014/12/03 00:33
2013/06/22 22:35
2012/10/30 04:04
2011/01/01 08:54
2011/03/12 12:38
2010/05/12 06:27
2010/09/14 09:41
2010/02/31 23:15
0123456789
Proportional Numbers
0123456789
Monospaced for Animation
Proportionals for Static Labels

Friday,
th
June 12

Friday,
th
June 12
+1 (123) 300-4000

Friday,
th
June 12
+1 (123) 300-4000
Inbox (3172 messages, 2 unread)

Friday,
th
June 12
+1 (123) 300-4000
seanjohnson21@icloud.com

Friday,
th
June 12
+1 (123) 300-4000
http://www.apple.com/pr/library/2015/06/08Apple-Previews-iOS-9.html

Friday,
th
June 12
+1 (123) 300-4000
http://www.apple.com/pr/library/2015/06/08Apple-Previews-iOS-9.html
Proportional numbers
by default, opt into
monospaced
Numbers Summary
Numbers Summary
Numbers are now proportional by default
Numbers Summary
Applications not linked against OS X 10.11 and iOS 9.0 get monospaced numbers
Numbers Summary
New shortcut API in AppKit
Numbers Summary
New shortcut API in AppKit
NSFont.monospacedDigitsSystemFontOfSize(mySize weight:)
Font API Pitfalls
Dont Access Fonts with Private Names

let myFont = UIFont.fontWithName(.ApplePrivateFont size:mySize)
Dont 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
Dont 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)
Dont Draw System Font at a

Dierent-Than-Nominal Point Size
15pt
hamburgefonstiv

15pt
15pt scaled up
hamburgefonstiv
hamburgefonsti

15pt
15pt scaled up
120pt
hamburgefonstiv
hamburgefonsti
hamburgefonstiv
Font API Pitfalls
Font API Pitfalls

Treat fonts as opaque objects
Font API Pitfalls

Fonts with optical sizes break old assumptions
Font API Pitfalls

Fonts with optical sizes break old assumptions
Relying on System APIs ensures correct behavior and rendering stability
Summary
Summary
Motivation
San Francisco
Optical Sizes
Tracking
Weight
Features
Numbers
Font API Pitfalls
More Information
Documentation
General Inquiries
Curt Rothert, App Frameworks Evangelist
rothert@apple.com
Designing Great Apps

developer.apple.com/design
Mike Stern, User Experience Evangelist

stern@apple.com
Technical Support
Apple Developer Forums
developer.apple.com/forums
Developer Technical Support
developer.apple.com/support/technical
Related Session and Lab

Apple Watch Design Tips and Tricks
Text and Fonts Lab
Presidio
Friday 3:30PM
Frameworks Lab D
Friday 3:30PM

Introducing The New System Fonts - Apple

Uploaded by

Copyright:

Available Formats

You might also like

Introducing The New System Fonts - Apple

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Introducing The New System Fonts - Apple

Uploaded by

Copyright:

Available Formats

Design

Antonio Cavedoni Type Designer

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

To be the first to enter the cosmos,

To be the first to enter the cosmos, to engage, single-handed, in an

Compatible Overall Vertical Metrics

Cap-Height Lower Than Ascenders

Numbers Align with Uppercase

To make two shapes look similar,

To make two shapes look similar,

To make two shapes look similar,

To make two shapes look similar,

Same Font, Dierent Sizes

Same Font, Dierent Sizes

Same Font, Dierent Sizes

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Display Versus Text

Tracking Versus Kerning

Tracking Versus Kerning

Tracking Versus Kerning

the other things, not becaus

re? We choose to go to the

from the planet Earth

New Weights Adoption

New Weights Adoption

New Weights Adoption