From 8b64fa44df315975430dc3a30285974e59df4e00 Mon Sep 17 00:00:00 2001
From: Mohamed ElSaadany <21214427+sa3dany@users.noreply.github.com>
Date: Thu, 28 Apr 2022 01:51:40 +0300
Subject: [PATCH] adds `<link rel="preconnect" ... />` to example optimized
 output

This makes it clear that the font optimization adds these for you.
This avoids duplicate `<link rel="preconnect" />` in the HTML output if the developer is unaware that it is being added automatically.
---
 docs/basic-features/font-optimization.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/basic-features/font-optimization.md b/docs/basic-features/font-optimization.md
index 217267338e5a..bcd1498072fa 100644
--- a/docs/basic-features/font-optimization.md
+++ b/docs/basic-features/font-optimization.md
@@ -16,6 +16,7 @@ By default, Next.js will automatically inline font CSS at build time, eliminatin
 />
 
 // After
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <style data-href="https://fonts.googleapis.com/css2?family=Inter&display=optional">
   @font-face{font-family:'Inter';font-style:normal...
 </style>