Add fonts asynchronousy and add all css inline

This commit is contained in:
Alexis Tacnet
2017-04-18 22:19:32 +02:00
parent 7726b3d5f7
commit faa591e120
8 changed files with 62 additions and 21 deletions

View File

@@ -1,28 +1,36 @@
<!-- CSS -->
<link href="https://fonts.googleapis.com/css?family=Raleway:400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300,300i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700" rel="stylesheet">
<style media="screen">
{{ partial "css/main.css" . | safeCSS }}
</style>
<style media="(min-width: 600px)">
{{ partial "css/min600px.css" . | safeCSS }}
</style>
<style media="(min-width: 769px)">
{{ partial "css/min769px.css" . | safeCSS }}
</style>
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/main.v1.0.0.css" media="screen">
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/min600px.v1.0.0.css" media="(min-width: 600px)">
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/min769px.v1.0.0.css" media="(min-width: 769px)">
<noscript>
<link href="https://fonts.googleapis.com/css?family=Raleway:400,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather:300,300i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700" rel="stylesheet">
</noscript>
{{ if .Site.Params.highlightjs }}
<style type="text/css" media="screen">
{{ partial "highlight.min.css" . | safeCSS }}
{{ partial "css/highlight.min.css" . | safeCSS }}
</style>
{{ end }}
{{ if .Site.Params.progressively }}
<style type="text/css" media="screen">
{{ partial "progressively.min.css" . | safeCSS }}
{{ partial "css/progressively.min.css" . | safeCSS }}
</style>
{{ end }}
{{ if .Site.Params.colors }}
<style type="text/css" media="screen">
{{ partial "colors.css" . | safeCSS }}
{{ partial "css/colors.css" . | safeCSS }}
</style>
{{ end }}