Created
February 2, 2018 19:00
-
-
Save OutThisLife/363ba7d9dd83b8af17dcafe68b5ac905 to your computer and use it in GitHub Desktop.
San Francisco Web Font
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** WARNING - USE AT OWN RISK */ | |
/** IT IS AGAINST APPLE'S POLICY TO USE SF PRO FOR ANYTHING OTHER THAN iOS/tvOS/macOS/watchOS DESIGN & DEVELOPMENT */ | |
/** https://sf.abarba.me/LICENSE.pdf */ | |
/** 1. Copy/import this file into your main css/scss file */ | |
/** 2. Change css font-family: to "SF Text", "SF Display" or "SF Mono" */ | |
/** 3. Apply font-weight or italic to html elements */ | |
/** THANK YOU */ | |
/** I host these fonts on Cloudfront with SSL in all AWS regions for the best performance and reliability */ | |
/** If you'd like to help offset costs, I'd very much appreciate a donation via Lisk https://lisk.io */ | |
/** Address: 14987768355736502769L */ | |
/** Delegate: andrew */ | |
/*---------------------------------------------------------------------------* | |
* SF UI Display | |
*---------------------------------------------------------------------------*/ | |
/** Black */ | |
@font-face { | |
font-family: "SF Display"; | |
font-weight: 900; | |
src: url("https://sf.abarba.me/SF-UI-Display-Black.otf"); | |
} | |
/** Bold */ | |
@font-face { | |
font-family: "SF Display"; | |
font-weight: 700; | |
src: url("https://sf.abarba.me/SF-UI-Display-Bold.otf"); | |
} | |
/** Heavy */ | |
@font-face { | |
font-family: "SF Display"; | |
font-weight: 800; | |
src: url("https://sf.abarba.me/SF-UI-Display-Heavy.otf"); | |
} | |
/** Light */ | |
@font-face { | |
font-family: "SF Display"; | |
font-weight: 200; | |
src: url("https://sf.abarba.me/SF-UI-Display-Light.otf"); | |
} | |
/** Medium */ | |
@font-face { | |
font-family: "SF Display"; | |
font-weight: 500; | |
src: url("https://sf.abarba.me/SF-UI-Display-Medium.otf"); | |
} | |
/** Regular */ | |
@font-face { | |
font-family: "SF Display"; | |
font-weight: 400; | |
src: url("https://sf.abarba.me/SF-UI-Display-Regular.otf"); | |
} | |
/** Semibold */ | |
@font-face { | |
font-family: "SF Display"; | |
font-weight: 600; | |
src: url("https://sf.abarba.me/SF-UI-Display-Semibold.otf"); | |
} | |
/** Thin */ | |
@font-face { | |
font-family: "SF Display"; | |
font-weight: 300; | |
src: url("https://sf.abarba.me/SF-UI-Display-Thin.otf"); | |
} | |
/** Ultralight */ | |
@font-face { | |
font-family: "SF Display"; | |
font-weight: 100; | |
src: url("https://sf.abarba.me/SF-UI-Display-Ultralight.otf"); | |
} | |
/*---------------------------------------------------------------------------* | |
* SF UI Text | |
*---------------------------------------------------------------------------*/ | |
/** Bold */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 700; | |
src: url("https://sf.abarba.me/SF-UI-Text-Bold.otf"); | |
} | |
/** Bold Italic */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 700; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SF-UI-Text-BoldItalic.otf"); | |
} | |
/** Heavy */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 800; | |
src: url("https://sf.abarba.me/SF-UI-Text-Heavy.otf"); | |
} | |
/** Heavy Italic */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 800; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SF-UI-Text-HeavyItalic.otf"); | |
} | |
/** Light */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 200; | |
src: url("https://sf.abarba.me/SF-UI-Text-Light.otf"); | |
} | |
/** Light Italic */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 200; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SF-UI-Text-HeavyItalic.otf"); | |
} | |
/** Medium */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 500; | |
src: url("https://sf.abarba.me/SF-UI-Text-Medium.otf"); | |
} | |
/** Medium Italic */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 500; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SF-UI-Text-MediumItalic.otf"); | |
} | |
/** Regular */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 400; | |
src: url("https://sf.abarba.me/SF-UI-Text-Regular.otf"); | |
} | |
/** Regular Italic */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 400; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SF-UI-Text-RegularItalic.otf"); | |
} | |
/** Semibold */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 600; | |
src: url("https://sf.abarba.me/SF-UI-Text-Semibold.otf"); | |
} | |
/** Semibold Italic */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 600; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SF-UI-Text-SemiboldItalic.otf"); | |
} | |
/** Ultrathin */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 100; | |
src: url("https://sf.abarba.me/SF-UI-Text-Ultrathin.otf"); | |
} | |
/** Ultrathin Italic */ | |
@font-face { | |
font-family: "SF Text"; | |
font-weight: 100; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SF-UI-Text-UltrathinItalic.otf"); | |
} | |
/*---------------------------------------------------------------------------* | |
* SF Mono | |
*---------------------------------------------------------------------------*/ | |
/** Bold */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 700; | |
src: url("https://sf.abarba.me/SFMono-Bold.otf"); | |
} | |
/** Bold Italic */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 700; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SFMono-BoldItalic.otf"); | |
} | |
/** Heavy */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 800; | |
src: url("https://sf.abarba.me/SFMono-Heavy.otf"); | |
} | |
/** Heavy Italic */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 800; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SFMono-HeavyItalic.otf"); | |
} | |
/** Light */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 200; | |
src: url("https://sf.abarba.me/SFMono-Light.otf"); | |
} | |
/** Light Italic */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 200; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SFMono-HeavyItalic.otf"); | |
} | |
/** Medium */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 500; | |
src: url("https://sf.abarba.me/SFMono-Medium.otf"); | |
} | |
/** Medium Italic */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 500; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SFMono-MediumItalic.otf"); | |
} | |
/** Regular */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 400; | |
src: url("https://sf.abarba.me/SFMono-Regular.otf"); | |
} | |
/** Regular Italic */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 400; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SFMono-RegularItalic.otf"); | |
} | |
/** Semibold */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 600; | |
src: url("https://sf.abarba.me/SFMono-Semibold.otf"); | |
} | |
/** Semibold Italic */ | |
@font-face { | |
font-family: "SF Mono"; | |
font-weight: 600; | |
font-style: italic; | |
src: url("https://sf.abarba.me/SFMono-SemiboldItalic.otf"); | |
} | |
not work 👎👎👎
Okay, it is your choice
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
src: url("https://sf.abarba.me/SFMono-HeavyItalic.otf");
I guess it must be replaced with
SFMono-LightItalic.otf
.