Skip to content
This repository has been archived by the owner on Dec 10, 2024. It is now read-only.

feat: add font fallbacks to limit cls #152

Closed
wants to merge 3 commits into from
Closed

feat: add font fallbacks to limit cls #152

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3bd2c0d
feat: add font fallbacks to limit cls
ramboz Apr 26, 2023
c45a5b4
feat: add font fallbacks to limit cls
ramboz Apr 26, 2023
ddb9b59
Merge branch 'main' into font-fallbacks
ramboz May 5, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 22 additions & 3 deletions us/en/skymiles/styles/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,11 +37,11 @@
--hero-button-color: var(--color-delta-red);

/* fonts */
--body-font-family: whitney-light, -apple-system, blinkmacsystemfont, segoe ui, roboto, helvetica neue, arial, sans-serif;
--body-font-family: whitney-light, whitney-light-fallback, sans-serif;
--body-medium-font-family: whitney-medium, -apple-system, blinkmacsystemfont, segoe ui, roboto, helvetica neue, arial, sans-serif;
--button-font-family: whitney-semibold, -apple-system, blinkmacsystemfont, segoe ui, roboto, helvetica neue, arial, sans-serif;
--heading-font-family: whitney-book, -apple-system, blinkmacsystemfont, segoe ui, roboto, helvetica neue, arial, sans-serif;
--heading-font-family-alt: whitney-bold, -apple-system, blinkmacsystemfont, segoe ui, roboto, helvetica neue, arial, sans-serif;
--heading-font-family: whitney-book, whitney-book-fallback, sans-serif;
--heading-font-family-alt: whitney-bold, whitney-bold-fallback, sans-serif;
--link-font-family: whitney-semibold, -apple-system, blinkmacsystemfont, segoe ui, roboto, helvetica neue, arial, sans-serif;


Expand All @@ -67,6 +67,25 @@

}

/* fallback fonts */
@font-face {
font-family: whitney-light-fallback;
size-adjust: 91.66%;
src: local("Helvetica");
}

@font-face {
font-family: whitney-book-fallback;
size-adjust: 92.44%;
src: local("Arial");
}

@font-face {
font-family: whitney-bold-fallback;
size-adjust: 81.22%;
src: local("Arial Black");
}

/* Main blocks */
html {
scroll-behavior: smooth;
Expand Down