wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Pull requests Activity Actions

Update CSS Pipeline #4

Merged
wonderfulfrog merged 7 commits from feat/update-css-pipeline into main 2025-05-30 11:16:38 -07:00
Conversation 0 Commits 7 Files changed 59 +2 -53
3 changed files with 2 additions and 53 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit c9d914d3e1 - Show all commits

1
config/constants/paths.js
View file

@ -1 +0,0 @@
export const ASSETS_FONTS_PATH = "/assets/fonts";

38
config/design-tokens/fonts.js
View file

@ -1,38 +0,0 @@
export default {
display: {
family: "Atikinson Hyperlegible Next",
format: "woff2",
styles: {
Regular: {
path: "/hyperlegible/AtkinsonHyperlegibleNextVF-Variable.woff2",
fontStyle: "normal",
fontWeight: "125 950",
fontStretch: "75% 125%",
},
},
},
body: {
family: "Atikinson Hyperlegible Next",
format: "woff2",
styles: {
Regular: {
path: "/hyperlegible/AtkinsonHyperlegibleNextVF-Variable.woff2",
fontStyle: "normal",
fontWeight: "125 950",
fontStretch: "75% 125%",
},
},
},
monospace: {
family: "Atikinson Hyperlegible Mono",
format: "woff2",
styles: {
Regular: {
path: "/hyperlegible-mono/AtkinsonHyperlegibleMonoVF-Variable.woff2",
fontStyle: "normal",
fontWeight: "125 950",
fontStretch: "75% 125%",
},
},
},
};

16
src/data/preloads.js
View file

@ -1,24 +1,12 @@
import path from "path";
import { ASSETS_FONTS_PATH } from "../../config/constants/paths.js";
import fonts from "../../config/design-tokens/fonts.js";
const getFontUrl = (src) => path.join(ASSETS_FONTS_PATH, src);
const preloads = [
{
as: "font",
href: getFontUrl(fonts.display.styles.Regular.path),
href: "/assets/fonts/hyperlegible/AtkinsonHyperlegibleNextVF-Variable.woff2",
crossorigin: true,
},
{
as: "font",
href: getFontUrl(fonts.body.styles.Regular.path),
crossorigin: true,
},
{
as: "font",
href: getFontUrl(fonts.monospace.styles.Regular.path),
href: "/assets/fonts/hyperlegible-mono/AtkinsonHyperlegibleMonoVF-Variable.woff2",
crossorigin: true,
},
];