[chore/frontend] Put fonts in folders, update ecks pee to atkinson-hyperlegible next/mono (#4148)

Juggles our fonts around a bit to use subdirs for font families, and also updates atkinson hyperlegible to atkinson hyperlegible next, which includes monospace fonts.

Reviewed-on: https://codeberg.org/superseriousbusiness/gotosocial/pulls/4148
Reviewed-by: Daenney <daenney@noreply.codeberg.org>
Co-authored-by: tobi <tobi.smethurst@protonmail.com>
Co-committed-by: tobi <tobi.smethurst@protonmail.com>
This commit is contained in:
tobi 2025-05-07 09:39:46 +00:00 committed by tobi
commit 7e105f98ed
111 changed files with 207 additions and 125 deletions

View file

@ -88,36 +88,6 @@
--boxshadow-border: 1px solid var(--ecks-pee-darkest-blue);
}
/* Set fonts with woff fallbacks */
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: normal;
font-style: normal;
src: url(/assets/fonts/Atkinson-Hyperlegible-Regular-102a.woff2) format('woff2'),
url(/assets/fonts/Atkinson-Hyperlegible-Regular-102.woff) format('woff');
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
font-style: normal;
src: url(/assets/fonts/Atkinson-Hyperlegible-Bold-102a.woff2) format('woff2'),
url(/assets/fonts/Atkinson-Hyperlegible-Bold-102.woff) format('woff');
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: normal;
font-style: italic;
src: url(/assets/fonts/Atkinson-Hyperlegible-Italic-102a.woff2) format('woff2'),
url(/assets/fonts/Atkinson-Hyperlegible-Italic-102.woff) format('woff');
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
font-style: italic;
src: url(/assets/fonts/Atkinson-Hyperlegible-BoldItalic-102a.woff2) format('woff2'),
url(/assets/fonts/Atkinson-Hyperlegible-BoldItalic-102.woff) format('woff');
}
/* Main page background */
body {
background: radial-gradient(
@ -216,7 +186,8 @@ html, body {
/* Code snippets */
pre, pre[class*="language-"],
code, code[class*="language-"] {
background: black;
font-family: "Atkinson Hyperlegible Mono", "Noto Sans Mono", monospace;
background: black;
color: var(--ecks-pee-white);
border-radius: 0;
}
@ -277,3 +248,8 @@ button:hover, .button:hover {
.backnextlinks {
font-weight: bold;
}
button, .button,
.status .text-spoiler > summary .button {
font-family: 'Atkinson Hyperlegible', 'Noto Sans', sans-serif;
}