diff --git a/.storybook/decorators/globalStyle.js b/.storybook/decorators/globalStyle.js
index c707f488..a2763e6c 100644
--- a/.storybook/decorators/globalStyle.js
+++ b/.storybook/decorators/globalStyle.js
@@ -2,9 +2,17 @@ import React from 'react';
 import { createGlobalStyle } from 'styled-components';
 
 import styleReset from '../../src/components/common/styleReset';
+import MSSansSerif from '../../src/components/assets/fonts/MS-Sans-Serif.woff2';
 
 const GlobalStyle = createGlobalStyle`
   ${styleReset}
+  @font-face {
+    font-family: 'MS-Sans-Serif';
+    src:  url('${MSSansSerif}') format('woff2');
+  }
+  body {
+    font-family: 'MS-Sans-Serif', 'sans-serif';
+  }
 `;
 
 export default storyFn => (
diff --git a/src/components/assets/fonts/MS-Sans-Serif.woff2 b/src/components/assets/fonts/MS-Sans-Serif.woff2
new file mode 100644
index 00000000..52dd0a49
Binary files /dev/null and b/src/components/assets/fonts/MS-Sans-Serif.woff2 differ