diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts b/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
index 509031c590..2c185be276 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-editor/bi-directional-link-panel.css.ts
@@ -96,6 +96,9 @@ export const linkPreview = style({
   padding: '8px',
   marginBottom: '8px',
   color: cssVarV2('text/primary'),
+  vars: {
+    [cssVar('fontFamily')]: cssVar('fontSansFamily'),
+  },
   ':hover': {
     backgroundColor: cssVarV2('layer/background/hoverOverlay'),
   },