이태화

로고 수정

...@@ -28,6 +28,10 @@ export default { ...@@ -28,6 +28,10 @@ export default {
28 font-family: 'JejuGothic'; 28 font-family: 'JejuGothic';
29 src: url('assets/JejuGothic.ttf'); 29 src: url('assets/JejuGothic.ttf');
30 } 30 }
31 +@font-face{
32 + font-family: 'BIGJOHN';
33 + src: url('assets/BIGJOHN.otf');
34 +}
31 body{ 35 body{
32 font-family: sans-serif; 36 font-family: sans-serif;
33 margin: 0; 37 margin: 0;
......
No preview for this file type

72.1 KB | W: | H:

13.9 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
1 <template> 1 <template>
2 <header> 2 <header>
3 - <div class = 'logo'></div> 3 + <div class = "headerBox">
4 + <div class = "logo_content"> KHU NOTICE</div>
5 + <img class = "logo" src = "../assets/khlogo.png">
6 + </div>
4 </header> 7 </header>
5 </template> 8 </template>
6 9
...@@ -19,8 +22,22 @@ export default { ...@@ -19,8 +22,22 @@ export default {
19 height: 443px; 22 height: 443px;
20 background:linear-gradient(131deg,rgb(247,183,66),rgb(252,74,66)); 23 background:linear-gradient(131deg,rgb(247,183,66),rgb(252,74,66));
21 } 24 }
25 + .headerBox{
26 + width:1010px;
27 + height: inherit;
28 + margin: 0 auto 0 auto;
29 + position: relative;
30 + }
22 .logo{ 31 .logo{
23 - background:url(../assets/khlogo.png); 32 + position: absolute;
33 + right: 50px;
34 + }
35 + .logo_content{
36 + color: white;
37 + font-family: 'BIGJOHN';
38 + font-size: 60px;
24 display: block; 39 display: block;
40 + position: absolute;
41 + top:100px;
25 } 42 }
26 </style> 43 </style>
......