diff --git a/packages/site-kit/src/lib/components/Text.svelte b/packages/site-kit/src/lib/components/Text.svelte index 089c62b9a8..acf0987fb2 100644 --- a/packages/site-kit/src/lib/components/Text.svelte +++ b/packages/site-kit/src/lib/components/Text.svelte @@ -418,6 +418,10 @@ } } + p { + color: var(--sk-text-3); + } + em, i { font-style: normal; diff --git a/packages/site-kit/src/lib/styles/fonts/fk-roman-standard-bold.woff2 b/packages/site-kit/src/lib/styles/fonts/fk-roman-standard-bold.woff2 new file mode 100644 index 0000000000..0e244e799b Binary files /dev/null and b/packages/site-kit/src/lib/styles/fonts/fk-roman-standard-bold.woff2 differ diff --git a/packages/site-kit/src/lib/styles/fonts/fk-roman-standard-oblique.woff2 b/packages/site-kit/src/lib/styles/fonts/fk-roman-standard-oblique.woff2 new file mode 100644 index 0000000000..2d3b77a972 Binary files /dev/null and b/packages/site-kit/src/lib/styles/fonts/fk-roman-standard-oblique.woff2 differ diff --git a/packages/site-kit/src/lib/styles/fonts/fk-roman-standard-regular.woff2 b/packages/site-kit/src/lib/styles/fonts/fk-roman-standard-regular.woff2 new file mode 100644 index 0000000000..6a6072ca23 Binary files /dev/null and b/packages/site-kit/src/lib/styles/fonts/fk-roman-standard-regular.woff2 differ diff --git a/packages/site-kit/src/lib/styles/fonts/test-tiempos-headline-bold.woff2 b/packages/site-kit/src/lib/styles/fonts/test-tiempos-headline-bold.woff2 new file mode 100644 index 0000000000..e6ea3c86f5 Binary files /dev/null and b/packages/site-kit/src/lib/styles/fonts/test-tiempos-headline-bold.woff2 differ diff --git a/packages/site-kit/src/lib/styles/fonts/test-tiempos-headline-medium.woff2 b/packages/site-kit/src/lib/styles/fonts/test-tiempos-headline-medium.woff2 new file mode 100644 index 0000000000..f3a9594b8e Binary files /dev/null and b/packages/site-kit/src/lib/styles/fonts/test-tiempos-headline-medium.woff2 differ diff --git a/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-bold.woff2 b/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-bold.woff2 new file mode 100644 index 0000000000..0e72dd0d4a Binary files /dev/null and b/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-bold.woff2 differ diff --git a/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-medium.woff2 b/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-medium.woff2 new file mode 100644 index 0000000000..24953c8083 Binary files /dev/null and b/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-medium.woff2 differ diff --git a/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-regular-italic.woff2 b/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-regular-italic.woff2 new file mode 100644 index 0000000000..6cfa5caa71 Binary files /dev/null and b/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-regular-italic.woff2 differ diff --git a/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-regular.woff2 b/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-regular.woff2 new file mode 100644 index 0000000000..48bd51a002 Binary files /dev/null and b/packages/site-kit/src/lib/styles/fonts/test-tiempos-text-regular.woff2 differ diff --git a/packages/site-kit/src/lib/styles/index.css b/packages/site-kit/src/lib/styles/index.css index 19f1021d36..5a95b7ff87 100644 --- a/packages/site-kit/src/lib/styles/index.css +++ b/packages/site-kit/src/lib/styles/index.css @@ -15,3 +15,20 @@ @import './base.css'; @import './text.css'; @import './code.css'; + +@font-face { + font-family: 'Tiempos Text'; + src: url(./fonts/test-tiempos-text-regular.woff2); +} + +@font-face { + font-family: 'Tiempos Text'; + src: url(./fonts/test-tiempos-text-regular-italic.woff2); + font-style: italic; +} + +@font-face { + font-family: 'Tiempos Headline'; + src: url(./fonts/test-tiempos-headline-medium.woff2); + font-weight: 500; +} diff --git a/packages/site-kit/src/lib/styles/tokens.css b/packages/site-kit/src/lib/styles/tokens.css index d5eed682c4..3e6b25f36e 100644 --- a/packages/site-kit/src/lib/styles/tokens.css +++ b/packages/site-kit/src/lib/styles/tokens.css @@ -24,15 +24,15 @@ /* typography */ --sk-font-ui: 'Yantramanav', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; - --sk-font-body: 'EB Garamond', 'Big Caslon', Palatino, 'Book Antiqua', Cambria, serif; - --sk-font-heading: var(--sk-font-body); + --sk-font-body: 'Tiempos Text', 'Big Caslon', Palatino, 'Book Antiqua', Cambria, serif; + --sk-font-heading: 'Tiempos Headline', var(--sk-font-body); --sk-font-mono: 'Fira Mono', monospace; --sk-text-xxl: 3.6rem; --sk-text-xl: 3rem; --sk-text-l: 2.4rem; - --sk-text-m: 2.1rem; - --sk-text-s: 1.8rem; - --sk-text-xs: 1.4rem; + --sk-text-m: 1.6rem; + --sk-text-s: 1.6rem; + --sk-text-xs: 1.3rem; --sk-line-max-width: 84rem; --sk-focus-outline: 0 0 0 2px hsla(var(--sk-theme-1-hsl), 0.6);