Skip to content

Instantly share code, notes, and snippets.

@wess
Created October 1, 2015 18:09
Show Gist options
  • Save wess/434fc5daf685271ce40f to your computer and use it in GitHub Desktop.
Save wess/434fc5daf685271ce40f to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link rel="stylesheet" type="text/css" href="components/bootstrap/dist/css/bootstrap.min.css"> -->
<!-- <script type="text/javascript" src="components/jquery/dist/jquery.min.js"></script> -->
<!-- <script type="text/javascript" src="components/bootstrap/dist/js/bootstrap.min.js"></script> -->
<style type="text/css">
/** Ultra Light */
@font-face {
font-family: "San Francisco";
font-weight: 100;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff2");
}
/** Thin */
@font-face {
font-family: "San Francisco";
font-weight: 200;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff2");
}
/** Medium */
@font-face {
font-family: "San Francisco";
font-weight: normal;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff2");
}
/** Semi Bold */
@font-face {
font-family: "San Francisco";
font-weight: 500;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff2");
}
/** Bold */
@font-face {
font-family: "San Francisco";
font-weight: bold;
src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff2");
}
h1 {
font-family: "San Francisco" !important;
}
</style>
</head>
<body>
<h1 style="font-family:'San Francisco'">Wesley Cope</h1>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment