scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: convert all fonts to woff2 format

Browse Source
This commit is contained in:
Simon Emanuelsson
2024-06-03 10:41:05 +02:00
parent 1095bcbe9d
commit 04a3e8a946
39 changed files with 49 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/[lang]/(live)/layout.tsx
+3 -1
View File
@@ -50,7 +50,9 @@ export default async function RootLayout({
</head>
<body>
<TrpcProvider lang={params.lang}>
<Header lang={params.lang} languageSwitcher={languageSwitcher} />{children}</TrpcProvider>
<Header lang={params.lang} languageSwitcher={languageSwitcher} />
{children}
</TrpcProvider>
<Script id="page-tracking">{`
typeof _satellite !== "undefined" && _satellite.pageBottom();
`}</Script>
app/globals.css
+41 -14
View File
@@ -1,75 +1,102 @@
@font-face {
font-display: swap;
font-family: "biro script plus";
font-style: normal;
font-weight: 500;
src: url(/_static/fonts/biro-script-plus/Biro-Script-Plus.ttf);
font-weight: 400;
src: url(/_static/fonts/biro-script-plus/regular.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "brandon text";
font-weight: 700;
src: url(/_static/fonts/brandon/brandontextweb-bold-webfont.woff),
url(/_static/fonts/brandon/brandontextweb-bold-webfont.woff2);
src:
url(/_static/fonts/brandon-text/bold.woff2) format("woff2"),
url(/_static/fonts/brandon-text/bold.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: "brandon text";
font-weight: 900;
src: url(/_static/fonts/brandon/brandontextweb-black-webfont.woff),
url(/_static/fonts/brandon/brandontextweb-black-webfont.woff2);
src:
url(/_static/fonts/brandon-text/black.woff2) format("woff2"),
url(/_static/fonts/brandon-text/black.woff) format("woff");
}
@font-face {
font-display: swap;
font-family: "fira mono";
font-style: normal;
font-weight: 400;
src: url(/_static/fonts/fira-mono/FiraMono-Regular.ttf);
src: url(/_static/fonts/fira-mono/regular.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira mono";
font-style: normal;
font-weight: 500;
src: url(/_static/fonts/fira-mono/FiraMono-Medium.ttf);
src: url(/_static/fonts/fira-mono/medium.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira mono";
font-style: normal;
font-weight: 700;
src: url(/_static/fonts/fira-mono/FiraMono-Bold.ttf);
src: url(/_static/fonts/fira-mono/bold.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 300;
src: url(/_static/fonts/fira-sans/FiraSans-Light.ttf);
src: url(/_static/fonts/fira-sans/light.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 400;
src: url(/_static/fonts/fira-sans/FiraSans-Regular.ttf);
src: url(/_static/fonts/fira-sans/regular.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 500;
src: url(/_static/fonts/fira-sans/medium.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 600;
src: url(/_static/fonts/fira-sans/FiraSans-SemiBold.ttf);
src: url(/_static/fonts/fira-sans/semibold.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 700;
src: url(/_static/fonts/fira-sans/bold.woff2) format("woff2");
}
@font-face {
font-display: swap;
font-family: "fira sans";
font-style: normal;
font-weight: 900;
src: url(/_static/fonts/fira-sans/FiraSans-Black.ttf);
src: url(/_static/fonts/fira-sans/black.woff2) format("woff2");
}
:root {
font-size: 62.5%;
--max-width: 113.5rem;
}