글씨체

src/views/DetailTour.vue

 <template>
   <div id="app">
-    <p id="title" class="display-3">{{tours.title}}</p>
+    <p id="title" class="display-4">{{tours.title}}</p>
     <p id="date" >{{tours.depart_day}} ~ {{tours.arrive_day}}</p>
     <button class="btn btn-outline-info" v-if="tours.tour_type==0">
       혼자여행
@@ -107,8 +107,12 @@ export default {
 </script>
 
 <style scoped>
+  @import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
+  #app {
+    margin: 15% auto auto auto
+  }
   *{
-    font-family: "DX경필고딕";
+    font-family: 'Jeju Gothic', sans-serif;
   }
 section{
   width:150px;

src/views/MyPage.vue

@@ -91,6 +91,7 @@ export default {
 }
 </script>
 <style>
+  @import url(//fonts.googleapis.com/earlyaccess/jejugothic.css);
   *{
     color:#000000;
   }
@@ -101,7 +102,7 @@ export default {
     margin: auto;
     padding:30px;
     text-align: center;
-    font-family: 'Nanum Pen Script', cursive !important;
+    font-family: 'Jeju Gothic', sans-serif !important;
     width: 40px;
   }
   td {