perf(website): use jsdelivr cdn instead of r2 origin for css (#905)

fontsource · Dec 10, 2023 · ab71aeb · ab71aeb
1 parent 8256f7c
commit ab71aeb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/website/app/components/preview/TextArea.tsx b/website/app/components/preview/TextArea.tsx
@@ -117,15 +117,15 @@ const TextArea = ({ metadata, variableCssKey }: TextAreaProps) => {
 					<Fragment key={`s-${weight}`}>
 						<link
 							rel="stylesheet"
-							href={`https://r2.fontsource.org/css/${id}@latest/${weight}.css`}
+							href={`https://cdn.jsdelivr.net/fontsource/css/${id}@latest/${weight}.css`}
 						/>
 						<TextBox weight={weight} family={family} loaded={!isFontLoaded} />
 					</Fragment>
 				))}
 			{isVariable && (
 				<link
 					rel="stylesheet"
-					href={`https://r2.fontsource.org/css/${id}:vf@latest/${
+					href={`https://cdn.jsdelivr.net/fontsource/css/${id}:vf@latest/${
 						variableCssKey ?? 'wght'
 					}.css`}
 				/>

diff --git a/website/app/components/search/Hits.tsx b/website/app/components/search/Hits.tsx
@@ -54,7 +54,7 @@ const HitComponent = ({ hit, fontSize }: HitComponentProps) => {
 		>
 			<link
 				rel="stylesheet"
-				href={`https://r2.fontsource.org/css/${hit.objectID}@latest/index.css`}
+				href={`https://cdn.jsdelivr.net/fontsource/css/${hit.objectID}@latest/index.css`}
 			/>
 			<Skeleton visible={!isFontLoaded}>
 				<Text fz={fontSize} style={{ fontFamily: `"${hit.family}"` }}>