Move @font-face declarations to partial file (#27)

2 files changed, 73 insertions, 0 deletions

diff --git a/layouts/partials/fonts.css b/layouts/partials/fonts.css
new file mode 100644
index 0000000..4e9aecd
--- /dev/null
+++ b/layouts/partials/fonts.css
@@ -0,0 +1,72 @@
+@font-face{
+    font-family: 'Fira Code';
+    src: url('{{ .Site.BaseURL }}fonts/FiraCode-Regular.eot');
+    src: url('{{ .Site.BaseURL }}fonts/FiraCode-Regular.eot?#iefix') format('embedded-opentype'),
+         url('{{ .Site.BaseURL }}fonts/FiraCode-Regular.woff2') format('woff2'),
+         url('{{ .Site.BaseURL }}fonts/FiraCode-Regular.woff') format('woff'),
+         url('{{ .Site.BaseURL }}fonts/FiraCode-Regular.ttf') format('truetype');
+    font-weight: 400;
+    font-style: normal;
+    font-display: optional;
+}
+
+@font-face {
+    font-family: 'Charter';
+    src: url('{{ .Site.BaseURL }}fonts/charter_regular-webfont.eot');
+    src: url('{{ .Site.BaseURL }}fonts/charter_regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('{{ .Site.BaseURL }}fonts/charter_regular-webfont.woff') format('woff'),
+         url('{{ .Site.BaseURL }}fonts/charter_regular-webfont.ttf') format('truetype');
+    font-display: optional;
+}
+
+@font-face {
+    font-family: 'Charter';
+    src: url('{{ .Site.BaseURL }}fonts/charter_bold-webfont.eot');
+    src: url('{{ .Site.BaseURL }}fonts/charter_bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('{{ .Site.BaseURL }}fonts/charter_bold-webfont.woff') format('woff'),
+         url('{{ .Site.BaseURL }}fonts/charter_bold-webfont.ttf') format('truetype');
+    font-weight: bold;
+    font-display: optional;
+}
+
+@font-face {
+    font-family: 'Charter';
+    src: url('{{ .Site.BaseURL }}fonts/charter_italic-webfont.eot');
+    src: url('{{ .Site.BaseURL }}fonts/charter_italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('{{ .Site.BaseURL }}fonts/charter_italic-webfont.woff') format('woff'),
+         url('{{ .Site.BaseURL }}fonts/charter_italic-webfont.ttf') format('truetype');
+    font-style: italic;
+    font-display: optional;
+}
+
+@font-face {
+    font-family: 'Charter';
+    src: url('{{ .Site.BaseURL }}fonts/charter_bold_italic-webfont.eot');
+    src: url('{{ .Site.BaseURL }}fonts/charter_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('{{ .Site.BaseURL }}fonts/charter_bold_italic-webfont.woff') format('woff'),
+         url('{{ .Site.BaseURL }}fonts/charter_bold_italic-webfont.ttf') format('truetype');
+    font-style: italic;
+    font-weight: bold;
+    font-display: optional;
+}
+
+@font-face {
+    font-family: 'Fira Sans';
+    src: url('{{ .Site.BaseURL }}fonts/FiraSans-Book.eot');
+    src: url('{{ .Site.BaseURL }}fonts/FiraSans-Book.eot?#iefix') format('embedded-opentype'),
+         url('{{ .Site.BaseURL }}fonts/FiraSans-Book.woff2') format('woff2'),
+         url('{{ .Site.BaseURL }}fonts/FiraSans-Book.woff') format('woff'),
+         url('{{ .Site.BaseURL }}fonts/FiraSans-Book.ttf') format('truetype');
+    font-display: optional;
+}
+
+@font-face {
+    font-family: 'Fira Sans';
+    src: url('{{ .Site.BaseURL }}fonts/FiraSans-Bold.eot');
+    src: url('{{ .Site.BaseURL }}fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
+         url('{{ .Site.BaseURL }}fonts/FiraSans-Bold.woff2') format('woff2'),
+         url('{{ .Site.BaseURL }}fonts/FiraSans-Bold.woff') format('woff'),
+         url('{{ .Site.BaseURL }}fonts/FiraSans-Bold.ttf') format('truetype');
+    font-weight: bold;
+    font-display: optional;
+}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 2f534bd..b02bdf6 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -20,6 +20,7 @@
     <!-- IndieAuth endpoint -->
     <link rel="authorization_endpoint" href="https://indieauth.com/auth">
     <!-- Other stuff to make the site work -->
+    <style type="text/css">{{ partial "fonts.css" . | safeCSS }}</style>
     <link rel="stylesheet" href="{{ .Site.BaseURL }}css/style.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
\ No newline at end of file