Skip to content

Instantly share code, notes, and snippets.

@jamesshannon

jamesshannon/ampwithfont.html

Last active February 8, 2018 02:37
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jamesshannon/3b3b5530d5f5d77cd957660ac80e2ce5 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jamesshannon/3b3b5530d5f5d77cd957660ac80e2ce5 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jamesshannon revised this gist Feb 8, 2018. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions ampwithfont.html
    View file
    Original file line number Diff line number Diff line change
    @@ -34,5 +34,6 @@
    <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>
  2. jamesshannon revised this gist Feb 8, 2018. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions ampwithfont.html
    View file
    Original file line number Diff line number Diff line change
    @@ -33,5 +33,6 @@
    </head>
    <body>
    <h1>Hello, AMP world!</h1>
    <a href="test.html">^cruel</a>
    </body>
    </html>
  3. jamesshannon created this gist Feb 7, 2018.
    37 changes: 37 additions & 0 deletions ampwithfont.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,37 @@
    <!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>
    </body>
    </html>