Adding data attr to inlined font definition (#44008)

Adding data attr to inlined font definition from optimizeFonts feature
vercel · Dec 13, 2022 · 6d3be75 · 6d3be75
1 parent 7b84d63
commit 6d3be75
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/next/server/post-process.ts b/packages/next/server/post-process.ts
@@ -135,9 +135,15 @@ class FontOptimizerMiddleware implements PostProcessMiddleware {
         result = result.replace('</head>', `${fallBackLinkTag}</head>`)
       } else {
         const nonceStr = nonce ? ` nonce="${nonce}"` : ''
+        let dataAttr = ''
+
+        if (fontContent.includes('ascent-override')) {
+          dataAttr = ' data-size-adjust="true"'
+        }
+
         result = result.replace(
           '</head>',
-          `<style data-href="${url}"${nonceStr}>${fontContent}</style></head>`
+          `<style data-href="${url}"${nonceStr}${dataAttr}>${fontContent}</style></head>`
         )
 
         // Remove inert font tag