diff --git a/public/css/slide.css b/public/css/slide.css
new file mode 100644
index 0000000..0837418
--- /dev/null
+++ b/public/css/slide.css
@@ -0,0 +1,16 @@
+.reveal,
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6 {
+    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
+}
+.reveal pre,
+.reveal code {
+    font-family: "Source Code Pro", Consolas, monaco, "Microsoft JhengHei", Meiryo, "ＭＳ ゴシック", "MS Gothic", monospace;
+    letter-spacing: 0.025em;
+    line-height: 1.25;
+    -webkit-overflow-scrolling: touch;
+}
diff --git a/public/views/slide/reveal.hbs b/public/views/slide/reveal.hbs
index 876a7ba..fd19f23 100644
--- a/public/views/slide/reveal.hbs
+++ b/public/views/slide/reveal.hbs
@@ -13,6 +13,8 @@
         <link rel="stylesheet" href="/vendor/reveal.js/{{{theme}}}" id="theme">
         <!-- For syntax highlighting -->
         <link rel="stylesheet" href="/vendor/reveal.js/lib/css/{{{highlightTheme}}}.css">
+        <link rel="stylesheet" href="/css/site.css">
+        <link rel="stylesheet" href="/css/slide.css">
 
         <!-- If the query includes 'print-pdf', use the PDF print sheet -->
         <script>