diff --git a/exampleSite/content/docs/look-and-feel/index.zh-hant.md b/exampleSite/content/docs/look-and-feel/index.zh-hant.md
index 87cb54e3..aff61b8d 100644
--- a/exampleSite/content/docs/look-and-feel/index.zh-hant.md
+++ b/exampleSite/content/docs/look-and-feel/index.zh-hant.md
@@ -106,7 +106,7 @@ $palette-blue: darkblue;
 首先，我們導入字體，然後在 `assets/main/scss/_custom.scss` 覆蓋 `body-font-family` 變量：
 
 ```scss {title="assets/main/scss/_custom.scss"}
-@import 'https://fonts.googleapis.com/css2?family=Roboto&display=swap';
+@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
 :root {
     --#{$prefix}body-font-family: 'Roboto', sans-serif;
 }