honbra
/
gluestick
forked from NotNet/gluestick
1
0
Fork 0
Code Pull Requests Activity

add lunchtype fonts

This commit is contained in:
Skip R. 2023-04-28 07:39:04 -07:00
parent cbcb8268b0
commit fd79df9ec1
11 changed files with 59 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/fonts/lunchtype22-medium.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/lunchtype22-regular.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/lunchtype23-medium-italic.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/lunchtype23-regular-italic.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/lunchtype24-medium-expanded.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/lunchtype24-regular-expanded.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/lunchtype25-medium-condensed.woff2 Normal file
View File

Binary file not shown.

BIN
public/fonts/lunchtype25-regular-condensed.woff2 Normal file
View File

Binary file not shown.

53
src/app/fonts.css Normal file
View File

@ -0,0 +1,53 @@
@font-face {
font-family: lunchtype;
font-weight: 400;
src: url("/fonts/lunchtype22-regular.woff2") format("woff2");
}
@font-face {
font-family: lunchtype;
font-weight: 400;
font-style: italic;
src: url("/fonts/lunchtype22-regular-italic.woff2") format("woff2");
}
@font-face {
font-family: lunchtype;
font-weight: 500;
src: url("/fonts/lunchtype22-medium.woff2") format("woff2");
}
@font-face {
font-family: lunchtype;
font-weight: 500;
font-style: italic;
src: url("/fonts/lunchtype22-medium.woff2") format("woff2");
}
@font-face {
font-family: lunchtype;
font-weight: 400;
font-stretch: condensed;
src: url("/fonts/lunchtype25-regular-condensed.woff2") format("woff2");
}
@font-face {
font-family: lunchtype;
font-weight: 500;
font-stretch: condensed;
src: url("/fonts/lunchtype25-medium-condensed.woff2") format("woff2");
}
@font-face {
font-family: lunchtype;
font-weight: 400;
font-stretch: expanded;
src: url("/fonts/lunchtype24-regular-expanded.woff2") format("woff2");
}
@font-face {
font-family: lunchtype;
font-weight: 500;
font-stretch: expanded;
src: url("/fonts/lunchtype24-medium-expanded.woff2") format("woff2");
}

8
src/app/globals.css
View File

@ -62,8 +62,9 @@ body {
overflow-x: hidden; overflow-x: hidden;
color: var(--fg); color: var(--fg);
background-color: var(--bg); background-color: var(--bg);
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, font-family: lunchtype, system-ui, -apple-system, BlinkMacSystemFont,
Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
} }
html, html,
@ -74,7 +75,8 @@ label {
color var(--theme-transition); color var(--theme-transition);
} }
input:disabled, button:disabled { input:disabled,
button:disabled {
opacity: 0.5; opacity: 0.5;
cursor: not-allowed !important; cursor: not-allowed !important;
} }

1
src/app/layout.tsx
View File

@ -1,5 +1,6 @@
import ColorChanger from "@/components/ColorChanger"; import ColorChanger from "@/components/ColorChanger";
import "./globals.css"; import "./globals.css";
import "./fonts.css";
export const metadata = { export const metadata = {
title: "gluestick", title: "gluestick",