local fonts

2017-07-11 17:23:19 +01:00 · 2017-07-11 17:23:19 +01:00 · ac14576ae8
parent 7a36f12cb8
commit ac14576ae8
39 changed files with 71 additions and 39 deletions
--- a/content/_index.md
+++ b/content/_index.md
@ -12,6 +12,7 @@ Welcome to **Infusion**: a pattern library builder for inclusive designers. Thes
 * Easily make sections collapsible without writing HTML
 * Choose between plain or line-numbered code blocks
 * A responsive, screen reader and keyboard accessible static website as output
+* Available to read offline, thanks to service worker integration
 {{% /ticks %}}

 To get started, take a look at {{% pattern "Installation" %}}.
--- a/docs/css/fonts/miriamlibre-bold.woff
+++ b/docs/css/fonts/miriamlibre-bold.woff
--- a/docs/css/fonts/miriamlibre-bold.woff2
+++ b/docs/css/fonts/miriamlibre-bold.woff2
--- a/docs/css/fonts/pt_sans-web-bold.woff
+++ b/docs/css/fonts/pt_sans-web-bold.woff
--- a/docs/css/fonts/pt_sans-web-bold.woff2
+++ b/docs/css/fonts/pt_sans-web-bold.woff2
--- a/docs/css/fonts/pt_sans-web-italic.woff
+++ b/docs/css/fonts/pt_sans-web-italic.woff
--- a/docs/css/fonts/pt_sans-web-italic.woff2
+++ b/docs/css/fonts/pt_sans-web-italic.woff2
--- a/docs/css/fonts/pt_sans-web-regular.woff
+++ b/docs/css/fonts/pt_sans-web-regular.woff
--- a/docs/css/fonts/pt_sans-web-regular.woff2
+++ b/docs/css/fonts/pt_sans-web-regular.woff2
--- a/docs/css/styles.css
+++ b/docs/css/styles.css
@ -1,3 +1,37 @@
+/* fonts */
+
+@font-face {
+    font-family: 'PT Sans';
+    src: url('fonts/pt_sans-web-bold.woff2') format('woff2'),
+         url('fonts/pt_sans-web-bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Sans';
+    src: url('fonts/pt_sans-web-italic.woff2') format('woff2'),
+         url('fonts/pt_sans-web-italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'PT Sans';
+    src: url('fonts/pt_sans-web-regular.woff2') format('woff2'),
+         url('fonts/pt_sans-web-regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Miriam Libre';
+    src: url('fonts/miriamlibre-bold.woff2') format('woff2'),
+         url('fonts/miriamlibre-bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
 *, *::before, *::after {
  font-family: inherit;
  color: inherit;
--- a/docs/index.html
+++ b/docs/index.html
@ -23,8 +23,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
@ -237,6 +235,7 @@
 <li>Easily make sections collapsible without writing HTML</li>
 <li>Choose between plain or line-numbered code blocks</li>
 <li>A responsive, screen reader and keyboard accessible static website as output</li>
+<li>Available to read offline, thanks to service worker integration</li>
 </ul>

 </div>
--- a/docs/patterns/coding/code-blocks/index.html
+++ b/docs/patterns/coding/code-blocks/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/coding/codepen-embedding/index.html
+++ b/docs/patterns/coding/codepen-embedding/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/coding/color-palettes/index.html
+++ b/docs/patterns/coding/color-palettes/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/coding/index.html
+++ b/docs/patterns/coding/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/coding/tested/index.html
+++ b/docs/patterns/coding/tested/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/coding/writing-inline-demos/index.html
+++ b/docs/patterns/coding/writing-inline-demos/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/index.html
+++ b/docs/patterns/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/installation/index.html
+++ b/docs/patterns/installation/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/library-setup/index.html
+++ b/docs/patterns/library-setup/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/serving/index.html
+++ b/docs/patterns/serving/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/writing/expandable-sections/index.html
+++ b/docs/patterns/writing/expandable-sections/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/writing/including-images/index.html
+++ b/docs/patterns/writing/including-images/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/writing/index.html
+++ b/docs/patterns/writing/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/writing/library-structure/index.html
+++ b/docs/patterns/writing/library-structure/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/writing/markdown-and-metadata/index.html
+++ b/docs/patterns/writing/markdown-and-metadata/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/writing/notes-and-warnings/index.html
+++ b/docs/patterns/writing/notes-and-warnings/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/patterns/writing/references/index.html
+++ b/docs/patterns/writing/references/index.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="https://heydon.github.io/infusion/css/prism.css" />
    <link rel="stylesheet" type="text/css" href="https://heydon.github.io/infusion/css/styles.css">
    <title>
--- a/docs/service-worker.js
+++ b/docs/service-worker.js
--- a/themes/infusion/layouts/_default/baseof.html
+++ b/themes/infusion/layouts/_default/baseof.html
@ -22,8 +22,6 @@
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/images/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
-    <link href="https://fonts.googleapis.com/css?family=Miriam+Libre:700" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700" rel="stylesheet">
    <link rel="stylesheet" href="{{ .Site.BaseURL }}css/prism.css" />
    <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}css/styles.css">
    <title>
--- a/themes/infusion/static/css/fonts/miriamlibre-bold.woff
+++ b/themes/infusion/static/css/fonts/miriamlibre-bold.woff
--- a/themes/infusion/static/css/fonts/miriamlibre-bold.woff2
+++ b/themes/infusion/static/css/fonts/miriamlibre-bold.woff2
--- a/themes/infusion/static/css/fonts/pt_sans-web-bold.woff
+++ b/themes/infusion/static/css/fonts/pt_sans-web-bold.woff
--- a/themes/infusion/static/css/fonts/pt_sans-web-bold.woff2
+++ b/themes/infusion/static/css/fonts/pt_sans-web-bold.woff2
--- a/themes/infusion/static/css/fonts/pt_sans-web-italic.woff
+++ b/themes/infusion/static/css/fonts/pt_sans-web-italic.woff
--- a/themes/infusion/static/css/fonts/pt_sans-web-italic.woff2
+++ b/themes/infusion/static/css/fonts/pt_sans-web-italic.woff2
--- a/themes/infusion/static/css/fonts/pt_sans-web-regular.woff
+++ b/themes/infusion/static/css/fonts/pt_sans-web-regular.woff
--- a/themes/infusion/static/css/fonts/pt_sans-web-regular.woff2
+++ b/themes/infusion/static/css/fonts/pt_sans-web-regular.woff2
--- a/themes/infusion/static/css/styles.css
+++ b/themes/infusion/static/css/styles.css
@ -1,3 +1,37 @@
+/* fonts */
+
+@font-face {
+    font-family: 'PT Sans';
+    src: url('fonts/pt_sans-web-bold.woff2') format('woff2'),
+         url('fonts/pt_sans-web-bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Sans';
+    src: url('fonts/pt_sans-web-italic.woff2') format('woff2'),
+         url('fonts/pt_sans-web-italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'PT Sans';
+    src: url('fonts/pt_sans-web-regular.woff2') format('woff2'),
+         url('fonts/pt_sans-web-regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Miriam Libre';
+    src: url('fonts/miriamlibre-bold.woff2') format('woff2'),
+         url('fonts/miriamlibre-bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
 *, *::before, *::after {
  font-family: inherit;
  color: inherit;