From c68a74b4f78ac31fe5346b92df5c114a12c96bf5 Mon Sep 17 00:00:00 2001 From: osmarks Date: Tue, 14 May 2024 13:16:52 +0100 Subject: [PATCH] new typography for deemphasised infolines --- assets/miracode.woff2 | Bin 0 -> 4520 bytes src/index.js | 2 +- src/style.sass | 10 ++++++---- templates/layout.pug | 2 +- 4 files changed, 8 insertions(+), 6 deletions(-) create mode 100644 assets/miracode.woff2 diff --git a/assets/miracode.woff2 b/assets/miracode.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..1626a3e984e88ce8626c9e2a90c66a2ce8f07fa9 GIT binary patch literal 4520 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 G0RRBbbeiq} literal 0 HcmV?d00001 diff --git a/src/index.js b/src/index.js index 5279bdf..0ecb139 100644 --- a/src/index.js +++ b/src/index.js @@ -398,7 +398,7 @@ const doImages = async () => { copyAsset("images") copyAsset("titillium-web.woff2") copyAsset("titillium-web-semibold.woff2") - copyAsset("share-tech-mono.woff2") + copyAsset("miracode.woff2") globalData.images = {} await Promise.all( (await fse.readdir(path.join(assetsDir, "images"), { encoding: "utf-8" })).map(async image => { diff --git a/src/style.sass b/src/style.sass index ca1e02a..3b8995b 100644 --- a/src/style.sass +++ b/src/style.sass @@ -27,12 +27,12 @@ $navbar-width: 20rem unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD @font-face - font-family: 'Share Tech Mono' + font-family: 'Miracode' font-style: normal font-weight: 400 font-display: swap - src: url(/assets/share-tech-mono.woff2) format('woff2') - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD + src: url(/assets/miracode.woff2) format('woff2') + unicode-range: U+0000-00A0, U+A2-A9, U+AC-AE, U+00D7, U+00F7, U+FEFF, U+FFFD body margin: 0 @@ -40,7 +40,9 @@ body line-height: 1.3 pre, code, .deemph - font-family: 'Share Tech Mono', monospace + font-family: 'Miracode', monospace +.deemph + font-size: 0.9em a text-decoration: none diff --git a/templates/layout.pug b/templates/layout.pug index cb027b6..415184a 100644 --- a/templates/layout.pug +++ b/templates/layout.pug @@ -15,7 +15,7 @@ mixin image(src) doctype html html(lang="en") head - link(rel="preload", href="/assets/share-tech-mono.woff2", as="font", crossorigin="anonymous") + link(rel="preload", href="/assets/miracode.woff2", as="font", crossorigin="anonymous") link(rel="preload", href="/assets/titillium-web-semibold.woff2", as="font", crossorigin="anonymous") link(rel="preload", href="/assets/titillium-web.woff2", as="font", crossorigin="anonymous") title= `${title} @ ${name}`