diff --git a/docs/basic-features/font-optimization.md b/docs/basic-features/font-optimization.md
index ac5119f92372..ebbf1f075560 100644
--- a/docs/basic-features/font-optimization.md
+++ b/docs/basic-features/font-optimization.md
@@ -91,17 +91,18 @@ export default function MyApp({ Component, pageProps }) {
 
 To use the font on a single page, add it to the specific page as shown below:
 
-```js:pages/index.js
-import { Inter } from '@next/font/google';
+```js
+// pages/index.js
+import { Inter } from '@next/font/google'
 
-const inter = Inter();
+const inter = Inter()
 
 export default function Home() {
   return (
     <div className={inter.className}>
       <p>Hello World</p>
     </div>
-  );
+  )
 }
 ```