Apple Color Emoji at a glance
| Category | Symbols & Emoji |
|---|---|
| Designer | Apple |
| Styles on iOS | 1 (Regular) |
| First on iPhone | iOS 3.0 |
| First on iPad | iOS 4.3 |
| Family name | Apple Color Emoji |
| Default PostScript name | AppleColorEmoji |
PostScript names for every Apple Color Emoji style
iOS looks fonts up by their PostScript name, not the friendly family name. Use the names below exactly as written — they are case-sensitive.
| Style | PostScript name | iPhone | iPad |
|---|---|---|---|
| Regular | AppleColorEmoji | 3.0 | 4.3 |
How to use Apple Color Emoji in code
SwiftUI
Text("Hello, world")
.font(.custom("AppleColorEmoji", size: 17, relativeTo: .body))UIKit
let base = UIFont(name: "AppleColorEmoji", size: 17)!
label.font = UIFontMetrics(forTextStyle: .body).scaledFont(for: base)
label.adjustsFontForContentSizeCategory = trueObjective-C
label.font = [UIFont fontWithName:@"AppleColorEmoji" size:17];CSS for Safari on iPhone and iPad
.headline {
font-family: "Apple Color Emoji", sans-serif;
font-weight: 400;
}Wrapping the font in UIFontMetrics, or passing relativeTo: in SwiftUI, lets Apple Color Emoji grow and shrink with the user’s Dynamic Type setting. Read the custom fonts guide for the full checklist, or the San Francisco guide if you want Apple’s system font instead.
Frequently asked questions
What is the PostScript name of Apple Color Emoji on iOS?
Use “AppleColorEmoji” with UIFont(name:size:) or SwiftUI’s Font.custom(_:size:).
Which iOS version added Apple Color Emoji?
According to the iOS Fonts availability data, Apple Color Emoji first shipped on iPhone in iOS 3.0 and on iPad in iOS 4.3.
Can I use Apple Color Emoji on a website?
Safari on iPhone and iPad can render installed system fonts, so a CSS stack such as font-family: "Apple Color Emoji", sans-serif; will use Apple Color Emoji on Apple devices and fall back elsewhere. Embedding the font files on a server requires a separate web licence from the foundry.