feat(site): integrate Adobe Clean Spectrum VF font

[GarthDB]

Summary

This PR integrates the Adobe Clean Spectrum variable font into the documentation site using the Typekit CSS kit.

Changes

• Switch to Typekit CSS kit: Replace the JavaScript-based Typekit loader (rok6rmo.js) with the CSS kit (flz1ovt.css) for simpler, more predictable font loading
• Add Adobe Clean Spectrum VF to font stack: Update the font-family declaration to prioritize adobe-clean-spectrum-vf with fallbacks to system-ui and sans-serif
• Remove preconnect: The CSS kit doesn't need the preconnect optimization that the JS loader required

Technical Details

Before

<link rel="preconnect" href="https://use.typekit.net" crossorigin>
<script src="https://use.typekit.net/rok6rmo.js" async></script>

font-family: system-ui, sans-serif;

After

<link rel="stylesheet" href="https://use.typekit.net/flz1ovt.css">

font-family: adobe-clean-spectrum-vf, system-ui, sans-serif;

Test Plan

• Verify Adobe Clean Spectrum VF font loads correctly
• Check font fallback behavior if Typekit is unavailable
• Test on multiple browsers (Chrome, Firefox, Safari)
• Verify build completes successfully
• Check that typography renders correctly across all pages

Made with Cursor

[changeset-bot]

⚠️ No Changeset found

Latest commit: ea81a7a

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[GarthDB]

Run report for ea81a7a3

Total time: 47.9s | Comparison time: 48s | Estimated savings: 87.9ms (0.2% faster)

	Action	Time	Status	Info
⬛️	SetupProto(0.51.4)	0ms	Skipped
🟩	SyncWorkspace	9.7ms	Passed
🟩	SyncProject(componentSchemas)	0.4ms	Passed
🟩	SyncProject(tokens)	0.5ms	Passed
🟩	SyncProject(design-system-registry)	0.3ms	Passed
🟩	SyncProject(markdown-generator)	0.3ms	Passed
🟩	SyncProject(site)	0.3ms	Passed
⬛️	SetupToolchain(node:20.17.0)	1.6s	Skipped
🟩	InstallWorkspaceDeps(node:20.17.0)	10.1s	Passed
🟩	RunTask(tokens:buildManifest)	298.6ms	Passed
🟩	RunTask(site:generateToolsPage)	948.7ms	Passed
🟩	RunTask(design-system-registry:test)	1.9s	Passed
🟩	RunTask(componentSchemas:test)	3.7s	Passed
🟩	RunTask(tokens:buildTokens)	33s	Passed
🟩	RunTask(tokens:build)	13.4ms	Passed
🟩	RunTask(markdown-generator:generate)	297.9ms	Passed
🟩	RunTask(site:copyContent)	82.2ms	Passed
🟩	RunTask(site:build)	2.5s	Passed
🟩	RunTask(site:export)	7.7ms	Passed

Touched files

docs/site/eleventy.config.js
docs/site/public/adobe_logo.svg
docs/site/public/favicon.svg
docs/site/src/assets/css/base/index.css
docs/site/src/assets/css/base/reset.css
docs/site/src/assets/css/base/vars.css
docs/site/src/includes/layout/header.liquid
docs/site/src/layouts/base.liquid