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> </head>
<body> <body>
<TrpcProvider lang={params.lang}> <TrpcProvider lang={params.lang}>
<Header lang={params.lang} languageSwitcher={languageSwitcher} />{children}</TrpcProvider> <Header lang={params.lang} languageSwitcher={languageSwitcher} />
{children}
</TrpcProvider>
<Script id="page-tracking">{` <Script id="page-tracking">{`
typeof _satellite !== "undefined" && _satellite.pageBottom(); typeof _satellite !== "undefined" && _satellite.pageBottom();
`}</Script> `}</Script>
app/globals.css
+41 -14
View File
@@ -1,75 +1,102 @@
@font-face { @font-face {
font-display: swap;
font-family: "biro script plus"; font-family: "biro script plus";
font-style: normal; font-style: normal;
font-weight: 500; font-weight: 400;
src: url(/_static/fonts/biro-script-plus/Biro-Script-Plus.ttf); src: url(/_static/fonts/biro-script-plus/regular.woff2) format("woff2");
} }
@font-face { @font-face {
font-display: swap;
font-family: "brandon text"; font-family: "brandon text";
font-weight: 700; font-weight: 700;
src: url(/_static/fonts/brandon/brandontextweb-bold-webfont.woff), src:
url(/_static/fonts/brandon/brandontextweb-bold-webfont.woff2); url(/_static/fonts/brandon-text/bold.woff2) format("woff2"),
url(/_static/fonts/brandon-text/bold.woff) format("woff");
} }
@font-face { @font-face {
font-display: swap;
font-family: "brandon text"; font-family: "brandon text";
font-weight: 900; font-weight: 900;
src: url(/_static/fonts/brandon/brandontextweb-black-webfont.woff), src:
url(/_static/fonts/brandon/brandontextweb-black-webfont.woff2); url(/_static/fonts/brandon-text/black.woff2) format("woff2"),
url(/_static/fonts/brandon-text/black.woff) format("woff");
} }
@font-face { @font-face {
font-display: swap;
font-family: "fira mono"; font-family: "fira mono";
font-style: normal; font-style: normal;
font-weight: 400; 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-face {
font-display: swap;
font-family: "fira mono"; font-family: "fira mono";
font-style: normal; font-style: normal;
font-weight: 500; 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-face {
font-display: swap;
font-family: "fira mono"; font-family: "fira mono";
font-style: normal; font-style: normal;
font-weight: 700; 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-face {
font-display: swap;
font-family: "fira sans"; font-family: "fira sans";
font-style: normal; font-style: normal;
font-weight: 300; 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-face {
font-display: swap;
font-family: "fira sans"; font-family: "fira sans";
font-style: normal; font-style: normal;
font-weight: 400; 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-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-family: "fira sans";
font-style: normal; font-style: normal;
font-weight: 600; 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-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-family: "fira sans";
font-style: normal; font-style: normal;
font-weight: 900; font-weight: 900;
src: url(/_static/fonts/fira-sans/FiraSans-Black.ttf); src: url(/_static/fonts/fira-sans/black.woff2) format("woff2");
} }
:root { :root {
font-size: 62.5%;
--max-width: 113.5rem; --max-width: 113.5rem;
} }
netlify.toml
+5 -5
View File
@@ -13,9 +13,9 @@ package = "netlify-plugin-cypress"
[plugins.inputs] [plugins.inputs]
configFile = "cypress.config.ts" configFile = "cypress.config.ts"
[plugins.inputs.postBuild] [plugins.inputs.postBuild]
enable = true enable = true
start = "npm start" start = "npm start"
wait-on = "http://127.0.0.1:3000/en/test" wait-on = "http://127.0.0.1:3000/en/test"
wait-on-timeout = "30" # seconds wait-on-timeout = "30" # seconds
[build.environment] [build.environment]
@@ -29,7 +29,7 @@ TERM = "xterm"
package = "@netlify/plugin-nextjs" package = "@netlify/plugin-nextjs"
[images] [images]
remote_images = ["https://imagevault-stage.scandichotels.com.*", "https://imagevault.scandichotels.com.*"] remote_images = ["https://imagevault-stage.scandichotels.com.*", "https://imagevault.scandichotels.com.*"]
[functions] [functions]
included_files = ["./.env"] included_files = ["./.env"]
public/_static/fonts/biro-script-plus/Biro-Script-Plus.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/biro-script-plus/regular.woff2
BIN
View File
Binary file not shown.
public/_static/fonts/brandon/brandontextweb-black-webfont.woff → public/_static/fonts/brandon-text/black.woff
View File
public/_static/fonts/brandon/brandontextweb-black-webfont.woff2 → public/_static/fonts/brandon-text/black.woff2
View File
public/_static/fonts/brandon/brandontextweb-bold-webfont.woff → public/_static/fonts/brandon-text/bold.woff
View File
public/_static/fonts/brandon/brandontextweb-bold-webfont.woff2 → public/_static/fonts/brandon-text/bold.woff2
View File
public/_static/fonts/fira-mono/FiraMono-Bold.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-mono/FiraMono-Medium.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-mono/FiraMono-Regular.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-mono/bold.woff2
BIN
View File
Binary file not shown.
public/_static/fonts/fira-mono/medium.woff2
BIN
View File
Binary file not shown.
public/_static/fonts/fira-mono/regular.woff2
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-Black.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-BlackItalic.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-Bold.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-BoldItalic.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-ExtraBold.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-ExtraBoldItalic.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-ExtraLight.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-ExtraLightItalic.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-Italic.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-Light.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-LightItalic.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-Medium.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-MediumItalic.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-Regular.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-SemiBold.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-SemiBoldItalic.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-Thin.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/FiraSans-ThinItalic.ttf
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/black.woff2
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/bold.woff2
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/light.woff2
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/medium.woff2
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/regular.woff2
BIN
View File
Binary file not shown.
public/_static/fonts/fira-sans/semibold.woff2
BIN
View File
Binary file not shown.