From f7c7408fddf3bdb791b647eab48994a25ac38438 Mon Sep 17 00:00:00 2001
From: Firq <me@firq.dev>
Date: Wed, 16 Apr 2025 00:21:33 +0200
Subject: [PATCH] switched fonts stuff
---
package-lock.json | 4 ++--
package.json | 2 +-
src/components/aboutText.astro | 2 +-
src/components/fgotaHero.astro | 2 +-
src/components/titles/smallTitle.astro | 8 +++++---
src/components/titles/title.astro | 6 ++++--
src/data/blog/deploying-this.md | 2 +-
src/layouts/Layout.astro | 2 +-
src/pages/404.astro | 4 ++--
9 files changed, 18 insertions(+), 14 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index 0bfc166..12136a4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "@firq/fgosite",
- "version": "0.2.0-pre.102",
+ "version": "0.2.0-pre.103",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "@firq/fgosite",
- "version": "0.2.0-pre.102",
+ "version": "0.2.0-pre.103",
"dependencies": {
"@astro-community/astro-embed-youtube": "^0.5.6",
"@astrojs/check": "^0.9.4",
diff --git a/package.json b/package.json
index 76a3d32..ab7129b 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "@firq/fgosite",
"type": "module",
- "version": "0.2.0-pre.102",
+ "version": "0.2.0-pre.103",
"private": true,
"scripts": {
"dev": "astro dev",
diff --git a/src/components/aboutText.astro b/src/components/aboutText.astro
index bda5e41..232cdb6 100644
--- a/src/components/aboutText.astro
+++ b/src/components/aboutText.astro
@@ -20,7 +20,7 @@
font-size: 16px;
font-weight: 400;
line-height: 24px;
- font-family: 'Work Sans Variable', sans-serif;
+ font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
max-width: min(87.5%, 360px);
background-color: var(--c-primary-background);
color: var(--c-primary-text);
diff --git a/src/components/fgotaHero.astro b/src/components/fgotaHero.astro
index c387564..688010b 100644
--- a/src/components/fgotaHero.astro
+++ b/src/components/fgotaHero.astro
@@ -33,7 +33,7 @@ const display = fadeout ? "": "display: none"
a {
font-weight: 500;
- font-family: 'Work Sans Variable', sans-serif;
+ font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
color: var(--c-primary-text);
margin: 1rem 0px 0px;
padding: 0.5rem 0.75rem;
diff --git a/src/components/titles/smallTitle.astro b/src/components/titles/smallTitle.astro
index 089400b..abd10d6 100644
--- a/src/components/titles/smallTitle.astro
+++ b/src/components/titles/smallTitle.astro
@@ -23,7 +23,7 @@ const text = buttontext || baseurl
<style>
a {
font-weight: 500;
- font-family: 'Work Sans Variable', sans-serif;
+ font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
color: var(--c-primary-text);
margin: 1rem 0px 0px;
padding: 0.5rem 0.75rem;
@@ -65,14 +65,16 @@ const text = buttontext || baseurl
padding-top: 2rem;
font-size: 3.25rem;
font-weight: 700;
- font-family: 'Work Sans Variable', sans-serif;
+ font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
+ font-size-adjust: 0.52;
}
.sub {
margin: 0 .5rem;
font-size: 0.9rem;
font-weight: 500;
- font-family: 'Work Sans Variable', sans-serif;
+ font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
+ font-size-adjust: 0.52;
}
.head {
diff --git a/src/components/titles/title.astro b/src/components/titles/title.astro
index c1b7db2..5b14b86 100644
--- a/src/components/titles/title.astro
+++ b/src/components/titles/title.astro
@@ -34,13 +34,15 @@ import LinkContainer from "../links/linkContainer.astro";
padding-top: 2rem;
font-size: 3rem;
font-weight: 700;
- font-family: 'Work Sans Variable', sans-serif;
+ font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
+ font-size-adjust: 0.52;
}
.sub {
font-size: 1rem;
font-weight: 400;
- font-family: 'Work Sans Variable', sans-serif;
+ font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
+ font-size-adjust: 0.52;
width: 97.5%;
}
diff --git a/src/data/blog/deploying-this.md b/src/data/blog/deploying-this.md
index 7c6e600..c447ca8 100644
--- a/src/data/blog/deploying-this.md
+++ b/src/data/blog/deploying-this.md
@@ -177,7 +177,7 @@ Since the files are now built on the GitLab server and not in the Proxmox instan
I also recommend looking <a href="https://blog.mitsunee.com/post/copy-steam-games-rsync" target="_blank" rel="noopener noreferrer">at this blog post from Mitsunee</a> detailing how to use `ssh` and `rsync` to sync game libraries to the Steam Deck with ease.
<details>
-<summary>`.gitlab-ci.yml`</summary>
+<summary>.gitlab-ci.yml</summary>
```yaml
deploy-site:
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 801bfa2..658c42f 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -123,7 +123,7 @@ const mapped_navdata = navdata.map((item) => ({
/* Fonts */
--f-default: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- --f-title: 'Work Sans Variable', sans-serif;
+ --f-title: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
font-family: var(--f-default);
diff --git a/src/pages/404.astro b/src/pages/404.astro
index c7af0b1..72f849c 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -31,7 +31,7 @@ const description = "Error. This shouldn't happen :/"
align-items: center;
}
h2 {
- font-family: 'Work Sans Variable', sans-serif;
+ font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
font-weight: 500;
color: var(--c-primary-text);
font-size: 1.25rem;
@@ -45,7 +45,7 @@ const description = "Error. This shouldn't happen :/"
text-align: center;
width: fit-content;
font-weight: 500;
- font-family: 'Work Sans Variable', sans-serif;
+ font-family: 'Work Sans Variable', system-ui, 'Segoe UI', sans-serif;
color: var(--c-primary-text);
margin: 1rem 0px 0px;
padding: 0.5rem 0.75rem;