fix: add system-ui fallback to font stack for non-Latin script support (#29346)
This commit is contained in:
@@ -116,7 +116,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo
|
||||
<head nonce={nonce}>
|
||||
<style>{`
|
||||
:root {
|
||||
--font-sans: ${interFont.style.fontFamily.replace(/\'/g, "")};
|
||||
--font-sans: ${interFont.style.fontFamily.replace(/\'/g, "")}, system-ui;
|
||||
--font-cal: ${calFont.style.fontFamily.replace(/\'/g, "")};
|
||||
}
|
||||
`}</style>
|
||||
|
||||
@@ -89,7 +89,7 @@ function PageWrapper(props: AppProps) {
|
||||
|
||||
<style jsx global>{`
|
||||
:root {
|
||||
--font-sans: ${interFont.style.fontFamily};
|
||||
--font-sans: ${interFont.style.fontFamily}, system-ui;
|
||||
--font-cal: ${calFont.style.fontFamily};
|
||||
}
|
||||
`}</style>
|
||||
|
||||
Reference in New Issue
Block a user