From 9eb158438634a5d97e0b6c39505a4fe1875278c2 Mon Sep 17 00:00:00 2001 From: Gordon Pedersen Date: Tue, 7 May 2024 15:30:46 +1000 Subject: [PATCH] fancy em font --- weblog/B0. Template/styles.css.md | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/weblog/B0. Template/styles.css.md b/weblog/B0. Template/styles.css.md index aec1b67..1608cdd 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=Noto+Color+Emoji&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'); +@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://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'); @@ -20,6 +20,7 @@ Location: /styles.css --font-main: 'Rubik', sans-serif, 'Noto Color Emoji'; --font-head: 'MD IO 0.4', sans-serif, 'Noto Color Emoji'; --font-code: 'MD IO 0.4', monospace, 'Noto Color Emoji'; + --font-em: 'Courgette', cursive; --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) @@ -87,7 +88,11 @@ article p:has(img) { width: 100%; } - +em { + font-family: var(--font-em); + font-style: normal; + color: color-mix(in lch, var(--link), var(--foreground)); +} header nav ul {