diff --git a/styles/Navbar.module.css b/styles/Navbar.module.css index 742c809..6661a7d 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; } 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 a938f8e..88047a1 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -1,12 +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"); -} @font-face { font-family: "Old English Text MT"; @@ -47,8 +38,12 @@ --large-text: 2.25rem; --medium-text: 1.75rem; --small-text: 1rem; - --primary-font: "Minion Pro", Georgia; - --secondary-font: "Lato"; + /* 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: system-ui, sans-serif; /* Light Theme, default */ --secondary-nav: #2e2e2e; --primary: #353637; @@ -80,16 +75,11 @@ html, body { padding: 0; margin: 0; -} - -body { - /* 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.25; font-family: var(--primary-font); - font-display: optional; + font-weight: normal; } a { @@ -101,7 +91,6 @@ a { box-sizing: border-box; margin: 0; border: 0; - font-display: optional; } #main { @@ -124,7 +113,7 @@ a { 100% 100%, 0 100%; background-repeat: no-repeat; - transition: background-size 250ms; + /* transition: background-size 250ms; */ } .link:hover,