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

fix: resolve preload href warnings

Browse source
This commit is contained in:
Devin Haska 2024-02-21 22:12:15 -08:00
parent 7a26fc3a9a
commit aa77e9bfb9
3 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
config/utils.js
View file

@ -1,3 +1,4 @@
const path = require("path").posix;
const slugify = require("slugify");
const slugifyString = (string) => {
@ -6,6 +7,9 @@ const slugifyString = (string) => {
});
};
const getFontUrl = (src) => path.join("/assets/fonts", src);
module.exports = {
getFontUrl,
slugifyString,
};

9
src/_data/preloads.js
View file

@ -1,19 +1,20 @@
const fonts = require("./fonts");
const { getFontUrl } = require("../../config/utils");
const fonts = require("../../config/design-tokens/fonts.json");
const preloads = [
{
as: "font",
href: fonts.display.weights.extraBold.url,
href: getFontUrl(fonts.display.weights.ExtraBold.path),
crossorigin: true,
},
{
as: "font",
href: fonts.display.weights.bold.url,
href: getFontUrl(fonts.display.weights.Bold.path),
crossorigin: true,
},
{
as: "font",
href: fonts.body.weights.regular.url,
href: getFontUrl(fonts.body.weights.Regular.path),
crossorigin: true,
},
];

4
src/css-utils/font-family.js
View file

@ -1,8 +1,6 @@
const path = require("path").posix;
const { getFontUrl } = require("../../config/utils");
const fonts = require("../../config/design-tokens/fonts.json");
const getFontUrl = (src) => path.join("/assets/fonts", src);
const fontsToCss = (fonts) => {
return Object.entries(fonts).reduce((css, [, fontProperties]) => {
const family = fontProperties.family;