Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
San Francisco not available as CSS?
<!DOCTYPE html>
<head>
<title>El Capitan</title>
<style>
body {
font-size: 2em;
}
h1 {
font-family: "System Font Black", HelveticaNeue-CondensedBlack, ComicSansMS;
}
p {
font-family: HelveticaNeue-CondensedBlack, ComicSansMS;
color: green;
}
p.system {
font-family: "System Font Black", ComicSansMS;
color: red;
}
p.fontname {
font-family: ".SFNSDisplay-Black", ComicSansMS;
color: orange;
}
</style>
</head>
<body>
<h1>San Francisco can't be used in CSS</h1>
<p>The quick brown fox jumped over the lazy dog</p>
<p class="system">The quick brown fox jumped over the lazy dog</p>
<p class="fontname">The quick brown fox jumped over the lazy dog</p>
</body>
@hober

This comment has been minimized.

Copy link

hober commented Jul 7, 2015

font-family: -apple-system

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.