From 54974200caaaabc665a69937d35bfebed5e5cb04 Mon Sep 17 00:00:00 2001 From: leomet07 Date: Sat, 6 Jan 2024 12:35:09 -0500 Subject: [PATCH 1/3] Remove unused font --- styles/globals.css | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/styles/globals.css b/styles/globals.css index f8014c8..ccbf57c 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -1,8 +1,3 @@ -@font-face { - font-family: "Playfair Display"; - src: url("/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf") - format("truetype"); -} @font-face { font-family: "Lato"; src: url("/fonts/Lato/Lato-Regular.ttf") format("truetype"); @@ -47,7 +42,10 @@ --large-text: 2.25rem; --medium-text: 1.75rem; --small-text: 1rem; - --primary-font: "Minion Pro", Georgia; + /* --primary-font: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif; */ + /* The prefferred system fonts: */ + /* --primary-font: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif; */ + --primary-font: "Minion Pro", 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif; --secondary-font: "Lato"; } @@ -76,13 +74,12 @@ html, body { padding: 0; margin: 0; - /* font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, - Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; */ background-color: var(--secondary); color: var(--primary); - + line-height: 1.2; font-family: var(--primary-font); - font-display: optional; + font-display: swap; + font-weight: normal; } a { @@ -119,7 +116,7 @@ a { 100% 100%, 0 100%; background-repeat: no-repeat; - transition: background-size 250ms; + /* transition: background-size 250ms; */ } .link:hover, .link:focus { From 1253cb7289c7487befcd45cbf4f1953a611abcd3 Mon Sep 17 00:00:00 2001 From: leomet07 Date: Sat, 6 Jan 2024 12:46:05 -0500 Subject: [PATCH 2/3] Experiment with default fonts, has first load flashing --- styles/Navbar.module.css | 1 + styles/globals.css | 4 +--- 2 files changed, 2 insertions(+), 3 deletions(-) diff --git a/styles/Navbar.module.css b/styles/Navbar.module.css index 84f035d..7624c75 100644 --- a/styles/Navbar.module.css +++ b/styles/Navbar.module.css @@ -47,6 +47,7 @@ transform: translate(-50%, -50%); cursor: pointer; font-family: "Old English Text MT"; + font-display: optional; } #colorModeToggle { diff --git a/styles/globals.css b/styles/globals.css index ccbf57c..30281c3 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -42,8 +42,7 @@ --large-text: 2.25rem; --medium-text: 1.75rem; --small-text: 1rem; - /* --primary-font: Charter, "Bitstream Charter", "Sitka Text", Cambria, serif; */ - /* The prefferred system fonts: */ + /* The prefferred system fonts: Old Style from https://modernfontstacks.com/ */ /* --primary-font: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif; */ --primary-font: "Minion Pro", 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif; --secondary-font: "Lato"; @@ -78,7 +77,6 @@ body { color: var(--primary); line-height: 1.2; font-family: var(--primary-font); - font-display: swap; font-weight: normal; } From 9a195f3dac1ae2f55e2180f4037a20fa9d399852 Mon Sep 17 00:00:00 2001 From: leomet07 Date: Tue, 9 Jan 2024 18:50:07 -0500 Subject: [PATCH 3/3] Demo with system fonts --- styles/[article_slug].module.css | 1 + styles/globals.css | 11 ++++++----- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/styles/[article_slug].module.css b/styles/[article_slug].module.css index fab66a2..0de7284 100644 --- a/styles/[article_slug].module.css +++ b/styles/[article_slug].module.css @@ -108,6 +108,7 @@ #content { margin-top: 2rem; + line-height: 1.5; } #content p { diff --git a/styles/globals.css b/styles/globals.css index 20bfbd0..88047a1 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -38,10 +38,12 @@ --large-text: 2.25rem; --medium-text: 1.75rem; --small-text: 1rem; - /* The prefferred system fonts: Old Style from https://modernfontstacks.com/ */ + /* The prefferred system fonts: Transitional from https://modernfontstacks.com/ */ + --primary-font: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif; /* --primary-font: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif; */ - --primary-font: "Minion Pro", 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif; - --secondary-font: "Lato"; + + /* --primary-font: "Minion Pro", 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif; */ + --secondary-font: system-ui, sans-serif; /* Light Theme, default */ --secondary-nav: #2e2e2e; --primary: #353637; @@ -75,7 +77,7 @@ body { margin: 0; background-color: var(--secondary); color: var(--primary); - line-height: 1.2; + line-height: 1.25; font-family: var(--primary-font); font-weight: normal; } @@ -89,7 +91,6 @@ a { box-sizing: border-box; margin: 0; border: 0; - font-display: optional; } #main {