EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add fonts

Browse source
This commit is contained in:
kritzl 2025-02-12 16:16:00 +01:00
commit ff3d40fb0a
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
22 changed files with 316 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

56
styleguide/assets/style/main.scss
View file

@ -64,7 +64,7 @@ $breakpoint-2xl: 96rem;
--color-white: #FFFFFF;
--color-dark-foreground: var(--color-neutral-50);
--color-dark-background: var(--color-neutral-900);
--color-dark-background: var(--color-neutral-950);
--color-dark-shade-1: var(--color-neutral-800);
--color-dark-shade-2: var(--color-neutral-700);
--color-dark-shade-3: var(--color-neutral-600);
@ -178,113 +178,89 @@ html.dark {
@font-face {
font-family: "Athiti";
font-weight: 700;
src: url("../font/athiti/Athiti-Bold.otf") format("opentype"),
url("../font/athiti/Athiti-Bold.ttf") format("truetype");
src: url("../font/athiti/Athiti-Bold.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 600;
src: url("../font/athiti/Athiti-SemiBold.otf") format("opentype"),
url("../font/athiti/Athiti-SemiBold.ttf") format("truetype");
src: url("../font/athiti/Athiti-SemiBold.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 500;
src: url("../font/athiti/Athiti-Medium.otf") format("opentype"),
url("../font/athiti/Athiti-Medium.ttf") format("truetype");
src: url("../font/athiti/Athiti-Medium.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 400;
src: url("../font/athiti/Athiti-Regular.otf") format("opentype"),
url("../font/athiti/Athiti-Regular.ttf") format("truetype");
src: url("../font/athiti/Athiti-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 300;
src: url("../font/athiti/Athiti-Light.otf") format("opentype"),
url("../font/athiti/Athiti-Light.ttf") format("truetype");
src: url("../font/athiti/Athiti-Light.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 200;
src: url("../font/athiti/Athiti-ExtraLight.otf") format("opentype"),
url("../font/athiti/Athiti-ExtraLight.ttf") format("truetype");
src: url("../font/athiti/Athiti-ExtraLight.woff2") format("woff2");
}
@font-face {
font-family: "Departure Mono";
src: url("../font/departuremono/DepartureMono-Regular.woff2") format("woff2"),
url("../font/departuremono/DepartureMono-Regular.woff") format("woff"),
url("../font/departuremono/DepartureMono-Regular.otf") format("opentype");
src: url("../font/departuremono/DepartureMono-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 100;
src: url("../font/argonglow/ArgonGlow-Thin.woff2") format("woff2"),
url("../font/argonglow/ArgonGlow-Thin.woff") format("woff"),
url("../font/argonglow/ArgonGlow-Thin.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-Thin.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 200;
src: url("../font/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2"),
url("../font/argonglow/ArgonGlow-ExtraLight.woff") format("woff"),
url("../font/argonglow/ArgonGlow-ExtraLight.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 300;
src: url("../font/argonglow/ArgonGlow-Light.woff2") format("woff2"),
url("../font/argonglow/ArgonGlow-Light.woff") format("woff"),
url("../font/argonglow/ArgonGlow-Light.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-Light.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 400;
src: url("../font/argonglow/ArgonGlow-Regular.woff2") format("woff2"),
url("../font/argonglow/ArgonGlow-Regular.woff") format("woff"),
url("../font/argonglow/ArgonGlow-Regular.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 500;
src: url("../font/argonglow/ArgonGlow-Medium.woff2") format("woff2"),
url("../font/argonglow/ArgonGlow-Medium.woff") format("woff"),
url("../font/argonglow/ArgonGlow-Medium.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-Medium.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 600;
src: url("../font/argonglow/ArgonGlow-SemiBold.woff2") format("woff2"),
url("../font/argonglow/ArgonGlow-SemiBold.woff") format("woff"),
url("../font/argonglow/ArgonGlow-SemiBold.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-SemiBold.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 700;
src: url("../font/argonglow/ArgonGlow-Bold.woff2") format("woff2"),
url("../font/argonglow/ArgonGlow-Bold.woff") format("woff"),
url("../font/argonglow/ArgonGlow-Bold.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-Bold.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
src: url("../font/argonglow/ArgonGlow-VariableVF.woff2") format("woff2"),
url("../font/argonglow/ArgonGlow-VariableVF.woff") format("woff"),
url("../font/argonglow/ArgonGlow-VariableVF.ttf") format("truetype");
src: url("../font/argonglow/ArgonGlow-VariableVF.woff2") format("woff2");
font-weight: 100 900;
}

32
styleguide/assets/style/styleguide.css
View file

@ -56,7 +56,7 @@
--color-red-950: #3F0101;
--color-white: #FFFFFF;
--color-dark-foreground: var(--color-neutral-50);
--color-dark-background: var(--color-neutral-900);
--color-dark-background: var(--color-neutral-950);
--color-dark-shade-1: var(--color-neutral-800);
--color-dark-shade-2: var(--color-neutral-700);
--color-dark-shade-3: var(--color-neutral-600);
@ -191,75 +191,75 @@ html.dark {
@font-face {
font-family: "Athiti";
font-weight: 700;
src: url("../font/athiti/Athiti-Bold.otf") format("opentype"), url("../font/athiti/Athiti-Bold.ttf") format("truetype");
src: url("../font/athiti/Athiti-Bold.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 600;
src: url("../font/athiti/Athiti-SemiBold.otf") format("opentype"), url("../font/athiti/Athiti-SemiBold.ttf") format("truetype");
src: url("../font/athiti/Athiti-SemiBold.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 500;
src: url("../font/athiti/Athiti-Medium.otf") format("opentype"), url("../font/athiti/Athiti-Medium.ttf") format("truetype");
src: url("../font/athiti/Athiti-Medium.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 400;
src: url("../font/athiti/Athiti-Regular.otf") format("opentype"), url("../font/athiti/Athiti-Regular.ttf") format("truetype");
src: url("../font/athiti/Athiti-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 300;
src: url("../font/athiti/Athiti-Light.otf") format("opentype"), url("../font/athiti/Athiti-Light.ttf") format("truetype");
src: url("../font/athiti/Athiti-Light.woff2") format("woff2");
}
@font-face {
font-family: "Athiti";
font-weight: 200;
src: url("../font/athiti/Athiti-ExtraLight.otf") format("opentype"), url("../font/athiti/Athiti-ExtraLight.ttf") format("truetype");
src: url("../font/athiti/Athiti-ExtraLight.woff2") format("woff2");
}
@font-face {
font-family: "Departure Mono";
src: url("../font/departuremono/DepartureMono-Regular.woff2") format("woff2"), url("../font/departuremono/DepartureMono-Regular.woff") format("woff"), url("../font/departuremono/DepartureMono-Regular.otf") format("opentype");
src: url("../font/departuremono/DepartureMono-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 100;
src: url("../font/argonglow/ArgonGlow-Thin.woff2") format("woff2"), url("../font/argonglow/ArgonGlow-Thin.woff") format("woff"), url("../font/argonglow/ArgonGlow-Thin.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-Thin.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 200;
src: url("../font/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2"), url("../font/argonglow/ArgonGlow-ExtraLight.woff") format("woff"), url("../font/argonglow/ArgonGlow-ExtraLight.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 300;
src: url("../font/argonglow/ArgonGlow-Light.woff2") format("woff2"), url("../font/argonglow/ArgonGlow-Light.woff") format("woff"), url("../font/argonglow/ArgonGlow-Light.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-Light.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 400;
src: url("../font/argonglow/ArgonGlow-Regular.woff2") format("woff2"), url("../font/argonglow/ArgonGlow-Regular.woff") format("woff"), url("../font/argonglow/ArgonGlow-Regular.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 500;
src: url("../font/argonglow/ArgonGlow-Medium.woff2") format("woff2"), url("../font/argonglow/ArgonGlow-Medium.woff") format("woff"), url("../font/argonglow/ArgonGlow-Medium.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-Medium.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 600;
src: url("../font/argonglow/ArgonGlow-SemiBold.woff2") format("woff2"), url("../font/argonglow/ArgonGlow-SemiBold.woff") format("woff"), url("../font/argonglow/ArgonGlow-SemiBold.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-SemiBold.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
font-weight: 700;
src: url("../font/argonglow/ArgonGlow-Bold.woff2") format("woff2"), url("../font/argonglow/ArgonGlow-Bold.woff") format("woff"), url("../font/argonglow/ArgonGlow-Bold.otf") format("opentype");
src: url("../font/argonglow/ArgonGlow-Bold.woff2") format("woff2");
}
@font-face {
font-family: "Argon Glow";
src: url("../font/argonglow/ArgonGlow-VariableVF.woff2") format("woff2"), url("../font/argonglow/ArgonGlow-VariableVF.woff") format("woff"), url("../font/argonglow/ArgonGlow-VariableVF.ttf") format("truetype");
src: url("../font/argonglow/ArgonGlow-VariableVF.woff2") format("woff2");
font-weight: 100 900;
}
:root {

8
styleguide/assets/style/styleguide.css.map
View file

File diff suppressed because one or more lines are too long