From 93ad69ab5f28a0b1243cc89de0e2c6e3310e6df7 Mon Sep 17 00:00:00 2001 From: isaac Date: Sun, 28 Sep 2025 18:12:59 -0400 Subject: [PATCH] Satoshi to Pagella Replaced corporate typeface Satoshi with TeX Gyre Pagella because while Satoshi was absolutely beautiful, it was cumbersome to use. Customizing it for the web is really easy with font-feature-settings but getting it to look the same in Word is impossible without breaking the terms of the license. Pagella is under a more permissive license so I can develop better cohesiveness going forward. --- index.css | 45 +++++++++++++++++++++++++++++++++++---------- 1 file changed, 35 insertions(+), 10 deletions(-) diff --git a/index.css b/index.css index b14a299..d1f9c5e 100644 --- a/index.css +++ b/index.css @@ -1,11 +1,38 @@ @font-face { - font-family: "Satoshi"; - font-weight: 300 900; + font-family: "TeX Gyre Pagella"; + font-weight: normal; font-style: normal; font-display: swap; - src: url("https://cdn.isaac.run/brand/fonts/Satoshi-Variable.woff2") format("woff2"); + src: url("https://cdn.isaac.run/brand/carattere/TeXGyrePagella-Regular.woff2") format("woff2"); } +@font-face { + font-family: "TeX Gyre Pagella"; + font-weight: bold; + font-style: normal; + font-display: swap; + src: url("https://cdn.isaac.run/brand/carattere/TeXGyrePagella-Bold.woff2") format("woff2"); +} + +@font-face { + font-family: "TeX Gyre Pagella"; + font-weight: normal; + font-style: italic; + font-display: swap; + src: url("https://cdn.isaac.run/brand/carattere/TeXGyrePagella-Italic.woff2") format("woff2"); +} + +@font-face { + font-family: "TeX Gyre Pagella"; + font-weight: bold; + font-style: italic; + font-display: swap; + src: url("https://cdn.isaac.run/brand/carattere/TeXGyrePagella-BoldItalic.woff2") format("woff2"); +} +/* Fonts available under the GUST Font License + For the purposes of the LaTeX Project Public License, these fonts are a "Compiled Work" based on the original Work of the + TeX Gyre maintainers and contributors. The woff2 files have been built from the source Spline Font Database files. */ + :root { --isaac-blue: #0E4385; --logy-lightblue: rgb(179, 236, 252); @@ -19,9 +46,8 @@ } html { - font-family: "Satoshi", "Olympic Sans", "Arial", sans-serif; + font-family: "TeX Gyre Pagella", "Palatino", "Times New Roman", serif; font-size: 1.05em; - font-feature-settings: "ss02" 1, "ss03" 1; text-wrap: pretty; background-color: var(--minimal-background); color: var(--lec-brown); @@ -85,14 +111,14 @@ p { margin-block: 1lh; } -li, p, blockquote { - font-weight: 450; -} - a { color: var(--isaac-red); } +li { + line-height: 1.5; +} + .clref {text-align: center;} .clfooter {margin-top: 1lh;} .climg { @@ -103,7 +129,6 @@ a { margin-block-end: -1lh; } .clmain { - font-weight: 450; margin-block: 1lh; }