diff --git a/landing/footer.css b/landing/footer.css --- a/landing/footer.css +++ b/landing/footer.css @@ -62,7 +62,7 @@ } a.logo { - font-family: 'IBM Plex Sans', sans-serif; + font-family: var(--font-stack); font-weight: 500; color: var(--logo-color); font-size: 28px; diff --git a/landing/global.css b/landing/global.css --- a/landing/global.css +++ b/landing/global.css @@ -8,12 +8,13 @@ --btn-color: var(--white1); --logo-color: var(--white); --sub-heading-color: var(--purple); + --font-stack: 'IBM Plex Sans', sans-serif; } /* ===== GENERAL PAGE STYLES ===== */ html { background: radial-gradient(ellipse at bottom, #1f252e, #111827) fixed; - font-family: 'IBM Plex Sans', sans-serif; + font-family: var(--font-stack); -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; color: white; diff --git a/landing/header.css b/landing/header.css --- a/landing/header.css +++ b/landing/header.css @@ -26,7 +26,7 @@ font-size: 24px; font-weight: 500; color: #808080; - font-family: 'IBM Plex Sans', sans-serif; + font-family: var(--font-stack); transition: 150ms; transition-property: color; } diff --git a/landing/info-block.css b/landing/info-block.css --- a/landing/info-block.css +++ b/landing/info-block.css @@ -28,5 +28,5 @@ .description { line-height: 1.5; font-weight: 400; - font-family: 'IBM Plex Sans', sans-serif; + font-family: var(--font-stack); } diff --git a/landing/read-docs-btn.css b/landing/read-docs-btn.css --- a/landing/read-docs-btn.css +++ b/landing/read-docs-btn.css @@ -12,7 +12,7 @@ cursor: pointer; text-align: left; border-radius: 8px; - font-family: 'IBM Plex Sans', sans-serif; + font-family: var(--font-stack); font-size: 24px; padding: 30px; height: 160px; diff --git a/landing/subscription-form.css b/landing/subscription-form.css --- a/landing/subscription-form.css +++ b/landing/subscription-form.css @@ -11,7 +11,7 @@ padding-left: 20px; padding-right: 20px; cursor: pointer; - font-family: 'IBM Plex Sans', sans-serif; + font-family: var(--font-stack); font-size: 16px; color: white;