diff --git a/packages/vite/src/plugins/dynamic-base.ts b/packages/vite/src/plugins/dynamic-base.ts
index a88d93e5c25..9a55d694589 100644
--- a/packages/vite/src/plugins/dynamic-base.ts
+++ b/packages/vite/src/plugins/dynamic-base.ts
@@ -89,7 +89,7 @@ export const DynamicBasePlugin = createUnplugin(function (options: DynamicBasePl
       s.replace(/from *['"]\/__NUXT_BASE__(\/[^'"]*)['"]/g, 'from "$1"')
 
       // Dynamically compute string URLs featuring baseURL
-      const delimiterRE = /(?<!(const base = |from *))(`([^`]*)\/__NUXT_BASE__\/([^`]*)`|'([^\n']*)\/__NUXT_BASE__\/([^\n']*)'|"([^\n"]*)\/__NUXT_BASE__\/([^\n"]*)")/g
+      const delimiterRE = /(?<!(const base = |from *))((?<!\\)`([^`]*)\/__NUXT_BASE__\/([^`]*)(?<!\\)`|(?<!\\)'([^\n']*)\/__NUXT_BASE__\/([^\n']*)(?<!\\)'|(?<!\\)"([^\n"]*)\/__NUXT_BASE__\/([^\n"]*)(?<!\\)")/g
       /* eslint-disable-next-line no-template-curly-in-string */
       s.replace(delimiterRE, r => '`' + r.replace(/\/__NUXT_BASE__\//g, '${__publicAssetsURL()}').slice(1, -1) + '`')
 
diff --git a/test/basic.test.ts b/test/basic.test.ts
index 929d2501639..ea4ce3a0ca0 100644
--- a/test/basic.test.ts
+++ b/test/basic.test.ts
@@ -349,6 +349,8 @@ describe('dynamic paths', () => {
         [
           "./logo.svg",
           "../public.svg",
+          "../public.svg",
+          "../public.svg",
         ]
       `)
   })
diff --git a/test/fixtures/basic/pages/assets.vue b/test/fixtures/basic/pages/assets.vue
index 40648319ca2..121d4fe46e5 100644
--- a/test/fixtures/basic/pages/assets.vue
+++ b/test/fixtures/basic/pages/assets.vue
@@ -13,8 +13,14 @@ import logo from '~/assets/logo.svg'
 <style>
 #__nuxt {
   background-image: url('~/assets/logo.svg');
+  @font-face {
+    src: url("/public.svg") format("woff2");
+  }
 }
 body {
   background-image: url('/public.svg');
+  @font-face {
+    src: url('/public.svg') format('woff2');
+  }
 }
 </style>