Distribute beautiful fonts

layouts/partials/footer.html

@@ -38,7 +38,7 @@
             {{ end }}
           {{ end }}
 
-           • ©
+          <span class="colored">&nbsp;&bull;&nbsp;</span>
           {{ if .Site.Params.since }}
             {{ .Site.Params.since }} - {{ .Site.LastChange.Format "2006" }}
           {{ else }}
@@ -46,7 +46,7 @@
           {{ end }}
 
           {{ if .Site.Title }}
-            &nbsp;&bull;&nbsp;
+            <span class="colored">&nbsp;&bull;&nbsp;</span>
             <a href="{{ "" | absLangURL }}">{{ .Site.Title }}</a>
           {{ end }}
         </p>

layouts/partials/head.html

@@ -36,7 +36,7 @@
 {{- with .Site.Author.name }}
   <meta name="author" content="{{ . }}"/>
 {{- end }}
-{{- partial "seo/main.html" . }}  
+{{- partial "seo/main.html" . }}
 {{- with .Site.Params.favicon }}
   <link href='{{ . | absURL }}' rel='icon' type='image/x-icon'/>
 {{- end -}}
@@ -60,21 +60,13 @@
   {{- if .Site.Params.staticman -}}
   <link rel="stylesheet" href="{{ "css/staticman.css" | absURL }}" />
   {{- end -}}
-
-  {{- if .Site.Params.selfHosted -}}
-  <link rel="stylesheet" href="{{ "css/fonts.css" | absURL }}" />
-  {{- else -}}
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" />
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" />
-  {{- end -}}
-
   {{- if .Site.Params.useHLJS }}
   <link rel="stylesheet" href="{{ "css/highlight.min.css" | absURL }}" />
   {{- else -}}
   <link rel="stylesheet" href="{{ "css/syntax.css" | absURL }}" />
   {{- end -}}
   <link rel="stylesheet" href="{{ "css/codeblock.css" | absURL }}" />
-  
+
   {{- if .Site.Params.staticman.recaptcha -}}
   <script src='https://www.google.com/recaptcha/api.js'></script>
   {{- end -}}

static/css/main.css

@@ -1,3 +1,101 @@
+/* --- Fonts --- */
+
+@font-face {
+  font-family: 'Fantasque Sans Mono';
+  src: local("Fantasque Sans Mono Bold Italic"),
+       url('/fonts/FantasqueSansMono-BoldItalic.woff2') format('woff2'),
+       url('/fonts/FantasqueSansMono-BoldItalic.ttf') format('truetype');
+  font-weight: 700;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'Fantasque Sans Mono';
+  src: local("Fantasque Sans Mono Bold"),
+       url('/fonts/FantasqueSansMono-Bold.woff2') format('woff2'),
+       url('/fonts/FantasqueSansMono-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Fantasque Sans Mono';
+  src: local("Fantasque Sans Mono Italic"),
+       url('/fonts/FantasqueSansMono-Italic.woff2') format('woff2'),
+       url('/fonts/FantasqueSansMono-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'Fantasque Sans Mono';
+  src: local("Fantasque Sans Mono Regular"),
+       url('/fonts/FantasqueSansMono-Regular.woff2') format('woff2'),
+       url('/fonts/FantasqueSansMono-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Linux Biolinum';
+  src: local("Linux Biolinum O Bold"),
+       url('/fonts/LinBiolinum_RB.woff2') format('woff2'),
+       url('/fonts/LinBiolinum_RB.woff') format('woff'),
+       url('/fonts/LinBiolinum_RB.ttf') format('truetype');
+  font-weight: 800;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Linux Biolinum';
+  src: local("Linux Biolinum O Italic"),
+       url('/fonts/LinBiolinum_RI.woff2') format('woff2'),
+       url('/fonts/LinBiolinum_RI.woff') format('woff'),
+       url('/fonts/LinBiolinum_RI.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'Linux Biolinum';
+  src: local("Linux Biolinum O"),
+       url('/fonts/LinBiolinum_R.woff2') format('woff2'),
+       url('/fonts/LinBiolinum_R.woff') format('woff'),
+       url('/fonts/LinBiolinum_R.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Linux Libertine';
+  src: local("Linux Libertine O Bold Italic"),
+       url('/fonts/LinLibertine_RBIah.woff2') format('woff2'),
+       url('/fonts/LinLibertine_RBIah.woff') format('woff'),
+       url('/fonts/LinLibertine_RBIah.ttf') format('truetype');
+  font-weight: 800;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'Linux Libertine';
+  src: local("Linux Libertine O Bold"),
+       url('/fonts/LinLibertine_RBah.woff2') format('woff2'),
+       url('/fonts/LinLibertine_RBah.woff') format('woff'),
+       url('/fonts/LinLibertine_RBah.ttf') format('truetype');
+  font-weight: 800;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'Linux Libertine';
+  src: local("Linux Libertine O Italic"),
+       url('/fonts/LinLibertine_RIah.woff2') format('woff2'),
+       url('/fonts/LinLibertine_RIah.woff') format('woff'),
+       url('/fonts/LinLibertine_RIah.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'Linux Libertine';
+  src: local("Linux Libertine O"),
+       url('/fonts/LinLibertine_Rah.woff2') format('woff2'),
+       url('/fonts/LinLibertine_Rah.woff') format('woff'),
+       url('/fonts/LinLibertine_Rah.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
 /* --- General --- */
 
 body {
@@ -7,7 +105,7 @@ body {
   background-image: -moz-linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
   background-image: -webkit-linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
   background-image: -ms-linear-gradient(left, rgb(242,242,242) 0%, rgb(230,230,230) 25%, rgb(242,242,242) 50%, rgb(250,250,250) 75%, rgb(217,217,217) 100%);
-  font-family: "Linux Libertine O", 'Lora', 'Times New Roman', serif;
+  font-family: "Linux Libertine", 'Times New Roman', serif;
   font-size: 18px;
   color: #404040;
   position: relative;
@@ -35,23 +133,21 @@ p + p {
     margin: 24px 0 6px 0;
 }
 p a {
-  /* text-decoration: underline */
   color: #00a185;
 }
-code {
+pre, code {
-    font-family: "FantasqueSansMonoRegular";
+    font-family: "Fantasque Sans Mono";
-    font-weight: normal;
-    font-style: normal;
 }
 h1,h2,h3,h4,h5,h6 {
-  font-family: "Linux Biolinum O", 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-family: "Linux Biolinum", 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: 800;
 }
 a {
   color: #008AFF;
 }
 a:hover,
-a:focus {
+a:focus,
+.colored {
   color: #00a185;
 }
 blockquote {
@@ -175,6 +271,8 @@ img {
     vertical-align: middle;
     line-height: 0.9;
     height: 1.8em;
+    text-indent: -0.3em;
+    padding-left: 0.3em;
 }
 .thumbApp img {
     border-radius: inherit;
@@ -361,13 +459,13 @@ footer {
   background-image: -webkit-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
   background-image: -ms-linear-gradient(top, rgb(0,0,0) 4%, rgb(12,12,12) 42%, rgb(42,42,42) 100%);
   padding: 30px 0;
-  border-top: 1px #EAEAEA solid;
+  border-top: 2px #0085a1 solid;
   margin-top: auto;
   font-size: 14px;
 }
 
 footer a {
-  color: #353535;
+  color: inherit;
 }
 
 footer .list-inline {
@@ -451,7 +549,7 @@ footer .theme-by {
   text-decoration: none;
 }
 .post-preview .post-entry {
-  font-family: "Linux Libertine O", 'Lora', 'Times New Roman', serif;
+  font-family: "Linux Libertine", 'Times New Roman', serif;
 }
 .post-entry-container {
   display: inline-block;