From 484316344dd7eb9e242347b1f18dbfca1cc9e61d Mon Sep 17 00:00:00 2001 From: Gordon Pedersen Date: Wed, 8 May 2024 15:43:47 +1000 Subject: [PATCH] Changed heading font --- weblog/B0. Template/styles.css.md | 26 +++++++++++++++++++------- 1 file changed, 19 insertions(+), 7 deletions(-) diff --git a/weblog/B0. Template/styles.css.md b/weblog/B0. Template/styles.css.md index acf5a2f..5d91a7d 100644 --- a/weblog/B0. Template/styles.css.md +++ b/weblog/B0. Template/styles.css.md @@ -5,7 +5,7 @@ Title: Stylesheet Location: /styles.css /**/ -@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Noto+Color+Emoji&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Grenze+Gotisch:wght@100..900&family=Courgette&family=Noto+Color+Emoji&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'); @import url('https://static.omg.lol/type/font-md-io.css'); @import url('https://static.omg.lol/type/fontawesome-free/css/all.css'); @import url('https://static.omg.lol/profiles/icons/omg.lol-icons.css'); @@ -18,10 +18,15 @@ Location: /styles.css --accent: #845e9e; --font-main: 'Rubik', sans-serif, 'Noto Color Emoji'; - --font-head: 'MD IO 0.4', sans-serif, 'Noto Color Emoji'; + --font-head: 'Grenze Gotisch', sans-serif, 'Noto Color Emoji'; --font-code: 'MD IO 0.4', monospace, 'Noto Color Emoji'; --font-em: 'Courgette', cursive; + --font-main-weight: 400; + --font-head-weight: 400; + --font-code-weight: 400; + --font-em-weight: 400; + --paper-texture-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.4' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeDropShadow dx='0' dy='0' flood-color='%23888' flood-opacity='.5' stdDeviation='1'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E"); --shadow: 1px 2px 0.5em 1px rgba(17,17,17,0.2) } @@ -41,6 +46,7 @@ Location: /styles.css body { font-family: var(--font-main); + font-weight: var(--font-main-weight); font-optical-sizing: auto; font-size: 120%; color: var(--foreground); @@ -94,6 +100,7 @@ article p:has(img) { em { font-family: var(--font-em); + font-weight: var(--font-em-weight); font-style: normal; color: color-mix(in lch, var(--link), var(--foreground)); } @@ -108,8 +115,17 @@ iframe { font-size: smaller; color: var(--accent); font-family: var(--font-em); + font-weight: var(--font-em-weight); } +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-head); + font-weight: var(--font-head-weight); + margin: 1rem 0; +} + + + @@ -129,11 +145,6 @@ header nav li a { margin-right: 1em; } -h1, h2, h3, h4, h5, h6 { - font-family: var(--font-head); - margin: 1rem 0; -} - p, li { line-height: 160%; } @@ -185,6 +196,7 @@ code { pre, code { font-family: var(--font-code); + font-weight: var(--font-code-weight); font-size: 90%; }