Finding the best font solution
This commit is contained in:
parent
e11130ce1a
commit
c0588ee760
7 changed files with 14 additions and 22 deletions
src
|
@ -1,6 +1,4 @@
|
|||
---
|
||||
import '@fontsource-variable/work-sans';
|
||||
|
||||
export interface Props {
|
||||
fadeout?: boolean
|
||||
}
|
||||
|
@ -35,7 +33,7 @@ const display = fadeout ? "": "display: none"
|
|||
|
||||
a {
|
||||
font-weight: 500;
|
||||
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
|
||||
font-family: 'Work Sans Variable', sans-serif;
|
||||
color: white;
|
||||
margin: 1rem 0px 0px;
|
||||
padding: 0.5rem 0.75rem;
|
||||
|
|
|
@ -1,6 +1,4 @@
|
|||
---
|
||||
import '@fontsource-variable/work-sans';
|
||||
|
||||
export interface Props {
|
||||
maintext: string
|
||||
subtext: string
|
||||
|
@ -23,7 +21,7 @@ const displayBackButton = returnbutton ? "": "display: none"
|
|||
<style>
|
||||
a {
|
||||
font-weight: 500;
|
||||
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
|
||||
font-family: 'Work Sans Variable', sans-serif;
|
||||
color: white;
|
||||
margin: 1rem 0px 0px;
|
||||
padding: 0.5rem 0.75rem;
|
||||
|
@ -64,16 +62,14 @@ const displayBackButton = returnbutton ? "": "display: none"
|
|||
padding-top: 2rem;
|
||||
font-size: 2rem;
|
||||
font-weight: 700;
|
||||
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial,
|
||||
sans-serif;
|
||||
font-family: 'Work Sans Variable', sans-serif;
|
||||
}
|
||||
|
||||
.sub {
|
||||
margin-top: 0.5em;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 500;
|
||||
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial,
|
||||
sans-serif;
|
||||
font-family: 'Work Sans Variable', sans-serif;
|
||||
}
|
||||
|
||||
.head {
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
---
|
||||
import '@fontsource-variable/work-sans';
|
||||
---
|
||||
|
||||
<div class="wrap">
|
||||
|
@ -32,15 +31,13 @@ import '@fontsource-variable/work-sans';
|
|||
padding-top: 2rem;
|
||||
font-size: 3rem;
|
||||
font-weight: 700;
|
||||
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial,
|
||||
sans-serif;
|
||||
font-family: 'Work Sans Variable', sans-serif;
|
||||
}
|
||||
|
||||
.sub {
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial,
|
||||
sans-serif;
|
||||
font-family: 'Work Sans Variable', sans-serif;
|
||||
}
|
||||
|
||||
.fancy {
|
||||
|
|
|
@ -1,4 +1,6 @@
|
|||
---
|
||||
import "@fontsource-variable/work-sans";
|
||||
|
||||
import Navbar from '../components/navbar/navbar.astro'
|
||||
import NavbarEntry from '../components/navbar/navbarEntry.astro'
|
||||
import navdata from '../../static/data/_navdata.json'
|
||||
|
|
|
@ -1,5 +1,4 @@
|
|||
---
|
||||
import '@fontsource-variable/work-sans';
|
||||
import { Image } from 'astro:assets'
|
||||
import Layout from '../layouts/Layout.astro'
|
||||
import sadshishou from '../assets/shishousad.webp'
|
||||
|
@ -32,7 +31,7 @@ const description = "Error. This shouldn't happen :/"
|
|||
align-items: center;
|
||||
}
|
||||
h2 {
|
||||
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
|
||||
font-family: 'Work Sans Variable', sans-serif;
|
||||
font-weight: 500;
|
||||
color: white;
|
||||
font-size: 1.25rem;
|
||||
|
@ -45,8 +44,8 @@ const description = "Error. This shouldn't happen :/"
|
|||
a {
|
||||
text-align: center;
|
||||
width: fit-content;
|
||||
font-weight: 600;
|
||||
font-family: 'Work Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
|
||||
font-weight: 500;
|
||||
font-family: 'Work Sans Variable', sans-serif;
|
||||
color: white;
|
||||
margin: 1rem 0px 0px;
|
||||
padding: 0.5rem 0.75rem;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue