diff --git a/examples/global-css/assets/roboto.woff2 b/examples/global-css/assets/roboto.woff2
new file mode 100644
index 0000000000..555f98b120
Binary files /dev/null and b/examples/global-css/assets/roboto.woff2 differ
diff --git a/examples/global-css/css/main.css b/examples/global-css/css/main.css
index 762c321cb7..debffff97e 100644
--- a/examples/global-css/css/main.css
+++ b/examples/global-css/css/main.css
@@ -1,3 +1,11 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../assets/roboto.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+
 body {
   background: #eee;
   text-align: center;
@@ -7,6 +15,7 @@ body {
   position: absolute;
   top: 0;
   left: 0;
+  font-family: 'Roboto';
 }
 .content {
   margin-top: 100px;
diff --git a/examples/global-css/nuxt.config.js b/examples/global-css/nuxt.config.js
index f916e5a053..3dc2839759 100644
--- a/examples/global-css/nuxt.config.js
+++ b/examples/global-css/nuxt.config.js
@@ -9,5 +9,12 @@ module.exports = {
   css: [
     'bulma/css/bulma.css',
     '~/css/main.css'
-  ]
+  ],
+  render: {
+    bundleRenderer: {
+      shouldPreload: (file, type) => {
+        return ['script', 'style', 'font'].includes(type)
+      }
+    }
+  }
 }