diff --git a/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte b/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte index 10245af3c..a8ea53e09 100644 --- a/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte +++ b/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte @@ -52,7 +52,7 @@ h1 { font-size: 4rem; - font-weight: 500; + font-weight: 600; } .standfirst { diff --git a/apps/svelte.dev/src/routes/docs/[...path]/OnThisPage.svelte b/apps/svelte.dev/src/routes/docs/[...path]/OnThisPage.svelte index 9a2914d03..6a20023eb 100644 --- a/apps/svelte.dev/src/routes/docs/[...path]/OnThisPage.svelte +++ b/apps/svelte.dev/src/routes/docs/[...path]/OnThisPage.svelte @@ -160,7 +160,7 @@ & label { font-size: var(--sk-text-m); - font-weight: 500; + font-weight: 600; display: block; &::before { diff --git a/packages/site-kit/package.json b/packages/site-kit/package.json index 1a029592a..c212bc74e 100644 --- a/packages/site-kit/package.json +++ b/packages/site-kit/package.json @@ -22,8 +22,8 @@ }, "homepage": "https://github.com/sveltejs/svelte.dev/tree/main/packages/site-kit#readme", "dependencies": { - "@fontsource/eb-garamond": "^5.1.0", "@fontsource/fira-mono": "^5.1.0", + "@fontsource/newsreader": "^5.1.0", "@fontsource/yantramanav": "^5.1.0", "esm-env": "^1.0.0", "json5": "^2.2.3", diff --git a/packages/site-kit/src/lib/docs/DocsContents.svelte b/packages/site-kit/src/lib/docs/DocsContents.svelte index c5056f031..bb71a7915 100644 --- a/packages/site-kit/src/lib/docs/DocsContents.svelte +++ b/packages/site-kit/src/lib/docs/DocsContents.svelte @@ -97,7 +97,7 @@ padding-bottom: 0.8rem; font-size: var(--sk-text-m); font-family: var(--sk-font-heading); - font-weight: 500; + font-weight: 600; color: var(--sk-text-1); } diff --git a/packages/site-kit/src/lib/styles/base.css b/packages/site-kit/src/lib/styles/base.css index dadf47e14..6429e2bbf 100644 --- a/packages/site-kit/src/lib/styles/base.css +++ b/packages/site-kit/src/lib/styles/base.css @@ -85,7 +85,7 @@ h1 { :where(h1, h2, h3, h4, h5, h6) { position: relative; font-family: var(--sk-font-heading); - font-weight: 500; + font-weight: 600; line-height: 1.35; color: var(--sk-text-1); } diff --git a/packages/site-kit/src/lib/styles/index.css b/packages/site-kit/src/lib/styles/index.css index 19f1021d3..1bfacf8ab 100644 --- a/packages/site-kit/src/lib/styles/index.css +++ b/packages/site-kit/src/lib/styles/index.css @@ -1,6 +1,6 @@ -@import '@fontsource/eb-garamond'; -@import '@fontsource/eb-garamond/500.css'; -@import '@fontsource/eb-garamond/400-italic.css'; +@import '@fontsource/newsreader'; +@import '@fontsource/newsreader/600.css'; +@import '@fontsource/newsreader/400-italic.css'; @import '@fontsource/fira-mono'; /* TODO figure out which weights we actually need */ diff --git a/packages/site-kit/src/lib/styles/tokens.css b/packages/site-kit/src/lib/styles/tokens.css index 77ae1d684..1225ef5b6 100644 --- a/packages/site-kit/src/lib/styles/tokens.css +++ b/packages/site-kit/src/lib/styles/tokens.css @@ -24,7 +24,7 @@ /* 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-body: 'Newsreader', 'Big Caslon', Palatino, 'Book Antiqua', Cambria, serif; --sk-font-heading: var(--sk-font-body); --sk-font-mono: 'Fira Mono', monospace; --sk-text-xxl: 3.6rem; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 12e29ae18..c614e660c 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -346,10 +346,10 @@ importers: packages/site-kit: dependencies: - '@fontsource/eb-garamond': + '@fontsource/fira-mono': specifier: ^5.1.0 version: 5.1.0 - '@fontsource/fira-mono': + '@fontsource/newsreader': specifier: ^5.1.0 version: 5.1.0 '@fontsource/yantramanav': @@ -796,12 +796,12 @@ packages: cpu: [x64] os: [win32] - '@fontsource/eb-garamond@5.1.0': - resolution: {integrity: sha512-FEIWkPgBY9CEhZP1YmA36k/f5Hj4z1Tv2FxIiG8aYHmkKGZNVCVIeO345lCVtpG32ZVQKs8te+JpVtg/GCHXyg==} - '@fontsource/fira-mono@5.1.0': resolution: {integrity: sha512-6+nftSKApXyN0I9FC5GJuG5TUCh+in5OehtrXRIsHJvq38Pm//oA1kZZYNdXv99JYzLzJ3lzsTAavmS+xGLGDw==} + '@fontsource/newsreader@5.1.0': + resolution: {integrity: sha512-wBq4mtWkq7dM0hCQ58DGyTdnmNiNiC69amo/+/oGRDQxyLMR9QNWng+nGH/BZJne/l5i3CiK7UhxIU1FrcU/Og==} + '@fontsource/yantramanav@5.1.0': resolution: {integrity: sha512-wSmYmoGhFbYF4XUXouudROqTn6GREe0HTV/HqcnRLYbQJNa3kmqbcebIm9PxPDQ0l3y2speJAlbOoDGM2DN9dg==} @@ -3302,10 +3302,10 @@ snapshots: '@esbuild/win32-x64@0.23.1': optional: true - '@fontsource/eb-garamond@5.1.0': {} - '@fontsource/fira-mono@5.1.0': {} + '@fontsource/newsreader@5.1.0': {} + '@fontsource/yantramanav@5.1.0': {} '@img/sharp-darwin-arm64@0.33.4':