Finding the best font solution

This commit is contained in:
Firq 2024-10-22 22:54:02 +02:00
parent e11130ce1a
commit a02ea0e978
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
7 changed files with 14 additions and 22 deletions

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "@firq/fgosite", "name": "@firq/fgosite",
"version": "0.2.0-pre.19", "version": "0.2.0-pre.21",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "@firq/fgosite", "name": "@firq/fgosite",
"version": "0.2.0-pre.19", "version": "0.2.0-pre.21",
"dependencies": { "dependencies": {
"@astro-community/astro-embed-youtube": "^0.5.2", "@astro-community/astro-embed-youtube": "^0.5.2",
"@astrojs/check": "^0.9.4", "@astrojs/check": "^0.9.4",

View file

@ -1,7 +1,7 @@
{ {
"name": "@firq/fgosite", "name": "@firq/fgosite",
"type": "module", "type": "module",
"version": "0.2.0-pre.21", "version": "0.2.0-pre.22",
"private": true, "private": true,
"scripts": { "scripts": {
"dev": "astro dev", "dev": "astro dev",

View file

@ -1,6 +1,4 @@
--- ---
import '@fontsource-variable/work-sans';
export interface Props { export interface Props {
fadeout?: boolean fadeout?: boolean
} }
@ -35,7 +33,7 @@ const display = fadeout ? "": "display: none"
a { a {
font-weight: 500; font-weight: 500;
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; font-family: 'Work Sans Variable', sans-serif;
color: white; color: white;
margin: 1rem 0px 0px; margin: 1rem 0px 0px;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;

View file

@ -1,6 +1,4 @@
--- ---
import '@fontsource-variable/work-sans';
export interface Props { export interface Props {
maintext: string maintext: string
subtext: string subtext: string
@ -23,7 +21,7 @@ const displayBackButton = returnbutton ? "": "display: none"
<style> <style>
a { a {
font-weight: 500; font-weight: 500;
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; font-family: 'Work Sans Variable', sans-serif;
color: white; color: white;
margin: 1rem 0px 0px; margin: 1rem 0px 0px;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
@ -64,16 +62,14 @@ const displayBackButton = returnbutton ? "": "display: none"
padding-top: 2rem; padding-top: 2rem;
font-size: 2rem; font-size: 2rem;
font-weight: 700; font-weight: 700;
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, font-family: 'Work Sans Variable', sans-serif;
sans-serif;
} }
.sub { .sub {
margin-top: 0.5em; margin-top: 0.5em;
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 500; font-weight: 500;
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, font-family: 'Work Sans Variable', sans-serif;
sans-serif;
} }
.head { .head {

View file

@ -1,5 +1,4 @@
--- ---
import '@fontsource-variable/work-sans';
--- ---
<div class="wrap"> <div class="wrap">
@ -32,15 +31,13 @@ import '@fontsource-variable/work-sans';
padding-top: 2rem; padding-top: 2rem;
font-size: 3rem; font-size: 3rem;
font-weight: 700; font-weight: 700;
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, font-family: 'Work Sans Variable', sans-serif;
sans-serif;
} }
.sub { .sub {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: 500;
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, font-family: 'Work Sans Variable', sans-serif;
sans-serif;
} }
.fancy { .fancy {

View file

@ -1,4 +1,6 @@
--- ---
import "@fontsource-variable/work-sans";
import Navbar from '../components/navbar/navbar.astro' import Navbar from '../components/navbar/navbar.astro'
import NavbarEntry from '../components/navbar/navbarEntry.astro' import NavbarEntry from '../components/navbar/navbarEntry.astro'
import navdata from '../../static/data/_navdata.json' import navdata from '../../static/data/_navdata.json'

View file

@ -1,5 +1,4 @@
--- ---
import '@fontsource-variable/work-sans';
import { Image } from 'astro:assets' import { Image } from 'astro:assets'
import Layout from '../layouts/Layout.astro' import Layout from '../layouts/Layout.astro'
import sadshishou from '../assets/shishousad.webp' import sadshishou from '../assets/shishousad.webp'
@ -32,7 +31,7 @@ const description = "Error. This shouldn't happen :/"
align-items: center; align-items: center;
} }
h2 { h2 {
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; font-family: 'Work Sans Variable', sans-serif;
font-weight: 500; font-weight: 500;
color: white; color: white;
font-size: 1.25rem; font-size: 1.25rem;
@ -45,8 +44,8 @@ const description = "Error. This shouldn't happen :/"
a { a {
text-align: center; text-align: center;
width: fit-content; width: fit-content;
font-weight: 600; font-weight: 500;
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif; font-family: 'Work Sans Variable', sans-serif;
color: white; color: white;
margin: 1rem 0px 0px; margin: 1rem 0px 0px;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;