Welcome to Altzone-WebPages Discussions! #50
Replies: 1 comment
-
Interesting Findings About How Our Fonts Are SetI was looking for a way to add a new font used in Figma to our site and had a hard time getting it to work. After some troubleshooting, I found that our fonts are initially loaded in the topmost const sedgwickFont = Sedgwick_Ave_Display({
subsets: ['latin'],
weight: '400',
variable: '--font-family-title',
fallback: ['system-ui', 'arial'],
});
const urbanist = Urbanist({
variable: '--font-family-main',
subsets: ['latin'],
weight: '700',
});
const rubik = Rubik({
subsets: ['latin'],
weight: '400',
variable: '--font-family-texts',
});These fonts are then applied to the root // --font-family-texts: "Rubik";
// --font-family-main: 'Urbanist', sans-serif;
// --font-family-title: 'Sedgwick Ave Display', sans-serif !important;If these are left uncommented, they seem to override the font variables set in So the question is: have these issues been present for the past two years (time since the problematic code was added to Does anyone else remember or have any comments on this? If not, I suggest we address this issue and get our fonts working properly again. Example: Picture showing the diffrence in the Landing Page Between Old code and Fixed code. Both running in Production (
|
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
👋 Welcome!
We’re using Discussions as a place to connect with other members of our community. We hope that you:
build together 💪.
To get started, comment below with an introduction of yourself and tell us about what you do with this community.
Beta Was this translation helpful? Give feedback.
All reactions