isaac/isaac.run
1
0
Fork 0
mirror of https://github.com/xtzws/isaac.run.git synced 2025-12-16 13:00:32 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Satoshi to Pagella

Browse source 
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.
This commit is contained in:
Isaac Greene 2025-09-28 18:12:59 -04:00
parent 9e8410343c
commit 93ad69ab5f
Signed by: isaac
SSH key fingerprint: SHA256:Jr4CSXfwzXSuwhYRd3vX12Wt/v8vkvq0hOJ0NLwubH8
1 changed files with 35 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

45
index.css
View file

@ -1,11 +1,38 @@
@font-face { @font-face {
font-family: "Satoshi"; font-family: "TeX Gyre Pagella";
font-weight: 300 900; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; 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 <https://www.gust.org.pl/projects/e-foundry/licenses/GUST-FONT-LICENSE.txt/view>
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 { :root {
--isaac-blue: #0E4385; --isaac-blue: #0E4385;
--logy-lightblue: rgb(179, 236, 252); --logy-lightblue: rgb(179, 236, 252);
@ -19,9 +46,8 @@
} }
html { html {
font-family: "Satoshi", "Olympic Sans", "Arial", sans-serif; font-family: "TeX Gyre Pagella", "Palatino", "Times New Roman", serif;
font-size: 1.05em; font-size: 1.05em;
font-feature-settings: "ss02" 1, "ss03" 1;
text-wrap: pretty; text-wrap: pretty;
background-color: var(--minimal-background); background-color: var(--minimal-background);
color: var(--lec-brown); color: var(--lec-brown);
@ -85,14 +111,14 @@ p {
margin-block: 1lh; margin-block: 1lh;
} }
li, p, blockquote {
font-weight: 450;
}
a { a {
color: var(--isaac-red); color: var(--isaac-red);
} }
li {
line-height: 1.5;
}
.clref {text-align: center;} .clref {text-align: center;}
.clfooter {margin-top: 1lh;} .clfooter {margin-top: 1lh;}
.climg { .climg {
@ -103,7 +129,6 @@ a {
margin-block-end: -1lh; margin-block-end: -1lh;
} }
.clmain { .clmain {
font-weight: 450;
margin-block: 1lh; margin-block: 1lh;
} }