diff --git a/packages/roleypoly-design/.storybook/preview-head.html b/packages/roleypoly-design/.storybook/preview-head.html
new file mode 100644
index 0000000..5a0ba1d
--- /dev/null
+++ b/packages/roleypoly-design/.storybook/preview-head.html
@@ -0,0 +1,3 @@
+<script src="https://use.typekit.net/bck0pci.js"></script>
+<script>try { Typekit.load(); } catch (e) { }</script>
+<style>body{font-family: "source-han-sans-japanese", "Source Sans Pro", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;}</style>
\ No newline at end of file