jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-19 02:55:33 -04:00
Code Issues Activity

Inter font on AMP pages (and other small tweaks)

Browse Source
This commit is contained in:
Jake Jarvis
2020-01-22 08:37:05 -05:00
parent 8c3fb6f50b
commit 602f8cc137
11 changed files with 57 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
layouts/_default/single.amp.html
View File

@@ -19,11 +19,42 @@
<meta name="author" content="{{ .Site.Author.name }}">
{{ partial "head/open-graph" . }}
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
<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>
<style amp-custom>
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("{{ "fonts/inter-regular.woff2" | absURL }}") format("woff2"),
url("{{ "fonts/inter-regular.woff" | absURL }}") format("woff");
unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF,
U+2190-21FF, U+2200-22FF, U+2122;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("{{ "fonts/inter-medium.woff2" | absURL }}") format("woff2"),
url("{{ "fonts/inter-medium.woff" | absURL }}") format("woff");
unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF,
U+2190-21FF, U+2200-22FF, U+2122;
}
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("{{ "fonts/inter-bold.woff2" | absURL }}") format("woff2"),
url("{{ "fonts/inter-bold.woff" | absURL }}") format("woff");
unicode-range: U+0000-00FF, U+2000-206F, U+20A0-20CF,
U+2190-21FF, U+2200-22FF, U+2122;
}
body {
font-family: "Roboto", sans-serif;
font-family: "Inter", sans-serif;
letter-spacing: -0.011em;
background: #ffffff;
color: #222222;
-webkit-text-size-adjust: 100%;
@@ -135,6 +166,7 @@
font-family: "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
background: #f4f4f4;
font-size: 0.9em;
letter-spacing: 0;
page-break-inside: avoid;
}
p code {