Skip to content

Instantly share code, notes, and snippets.

@jamesshannon

jamesshannon/ampwithfont.html

Last active February 8, 2018 02:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jamesshannon/3b3b5530d5f5d77cd957660ac80e2ce5 to your computer and use it in GitHub Desktop.
Save jamesshannon/3b3b5530d5f5d77cd957660ac80e2ce5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
ampwithfont.html
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<link rel="canonical" href="self.html" />
<meta name="viewport" content="width=device-width,minimum-scale=1">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<style amp-custom>
/* latin-ext */
@font-face {
font-family: 'BioRhyme Expanded';
font-style: normal;
font-weight: 400;
src: local('BioRhyme Expanded'), local('BioRhymeExpanded-Regular'), url(https://fonts.gstatic.com/s/biorhymeexpanded/v3/hgBNpgjTRZzGmZxqN5OuVoxH3MY6j4GwsWR4uWnqRxY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'BioRhyme Expanded';
font-style: normal;
font-weight: 400;
src: local('BioRhyme Expanded'), local('BioRhymeExpanded-Regular'), url(https://fonts.gstatic.com/s/biorhymeexpanded/v3/hgBNpgjTRZzGmZxqN5OuVhJWhUVfx3tCM_2o6enARbM.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2212, U+2215;
}
h1 {
margin: 16px;
font-family: 'BioRhyme Expanded', serif;
}
</style>
</head>
<body>
<h1>Hello, AMP world!</h1>
<a href="test.html">^cruel</a>
<a href="https://rawgit-com.cdn.ampproject.org/c/s/rawgit.com/jamesshannon/3b3b5530d5f5d77cd957660ac80e2ce5/raw/fee52964c00c391711143f189ce6216bdf214f93/test.html">cdn link</a>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment