[Style] #26 - 폰트 적용

CSID-DGU · Nov 27, 2024 · 75d4032 · 75d4032
1 parent fd994f4
commit 75d4032
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 10 deletions.
diff --git a/src/views/akopolio/Edit/akopolioEdit.vue b/src/views/akopolio/Edit/akopolioEdit.vue
@@ -92,14 +92,14 @@
 <script src="./edit.js"></script>
 
 <style scoped>
-@import '../../../assets/fonts/fonts.css';
 .container {
   width: 395px;
   max-width: 500px;
   margin: 4rem auto;
   padding: 20px;  
   background-color: #fae8da;
   min-height: calc(100vh - 120px); /* 헤더와 푸터를 고려한 페이지 높이 조정 */
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 .header {
@@ -158,7 +158,7 @@ textarea {
 button {
   display: inline-block;
   margin: 3px;
-  padding: 8px;
+  padding: 5px 10px;
   border-radius: 40px;
   background-color: white;
   transition: background-color 0.3s;
@@ -232,14 +232,15 @@ h3{
   margin: 0;
   white-space: nowrap;
   padding: 0;
-
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 h2 {
   font-size: 16px;
   color: #ff7f00;
   margin-bottom: 10px;
   padding: 0;
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 .category-box h2{

diff --git a/src/views/akopolio/create/akopolioCreate.vue b/src/views/akopolio/create/akopolioCreate.vue
@@ -121,14 +121,14 @@
 <script src="./create.js"></script>
 
 <style scoped>
-@import '../../../assets/fonts/fonts.css';
 .container {
   width: 395px;
   max-width: 500px;
   margin: 4rem auto;
   padding: 20px;  
   background-color: #fae8da;
   min-height: calc(100vh - 120px); /* 헤더와 푸터를 고려한 페이지 높이 조정 */
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 .header {
@@ -186,7 +186,7 @@ textarea {
 button {
   display: inline-block;
   margin: 3px;
-  padding: 8px;
+  padding: 5px 10px;
   border-radius: 40px;
   background-color: white;
   transition: background-color 0.3s;
@@ -248,16 +248,19 @@ h3 {
   font-size: 15px; 
   color: #FF7F00;
   margin-top: 10px;
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 h2 {
   margin: 0;
   color: #FF7F00;
   font-size: 16px;  
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 label {
   font-size: 15px;  
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 .image-preview-container {

diff --git a/src/views/akopolio/detail/akopolioDetail.vue b/src/views/akopolio/detail/akopolioDetail.vue
@@ -88,7 +88,6 @@
 <script src="./detail.js"></script>
 
 <style scoped>
-@import '../../../assets/fonts/fonts.css';
 .akopolio-detail {
   width: 395px;
   margin: 4rem auto;
@@ -97,6 +96,7 @@
   min-height: calc(100vh - 120px);
   display: flex;
   flex-direction: column;
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 .detail-header {
@@ -193,6 +193,7 @@
   padding: 5px 10px;
   border-radius: 20px;
   font-size: 13px;
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 .experience-container h3,
@@ -211,22 +212,23 @@ h3{
   margin: 0;
   white-space: nowrap;
   padding: 0;
-
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 h2 {
   font-size: 16px;
   color: #ff7f00;
   margin-bottom: 10px;
   padding: 0;
-
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 p {
   margin:0;
   font-size: 14px;
   word-break: break-word;
   padding: 0;
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 .experience-container p,

diff --git a/src/views/akopolio/main/akopolioMain.vue b/src/views/akopolio/main/akopolioMain.vue
@@ -81,14 +81,14 @@
         alt="Akoming Logo"
       />
     </button>
+
     <MainFooter />
   </div>
 </template>
 
 <script src="./main.js"></script>
 
 <style scoped>
-@import '../../../assets/fonts/fonts.css';
 
 .akopolio-page {
   width: 395px;
@@ -98,23 +98,27 @@
   background-color: #fae8da;
   min-height: calc(100vh - 120px);
   position: relative;
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 h3 {
   font-size: 15px;
   color: black;
   margin-top: 10px;
   margin-bottom: 10px;
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 h2 {
   margin: 0;
   font-size: 15px;
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 .no-data {
   text-align: center; 
   padding: 50px 0;
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 .no-data h2 {
@@ -150,7 +154,7 @@ input[type='date'] {
 button {
   display: inline-block;
   margin: 3px;
-  padding: 8px;
+  padding: 5px 10px;
   border-radius: 40px;
   background-color: white;
   transition: background-color 0.3s;
@@ -234,6 +238,7 @@ button.active {
   text-align: right;
   align-self: flex-end; 
   margin: 0;
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 .portfolio-tags {
@@ -249,6 +254,7 @@ button.active {
   border-radius: 20px;
   font-size: 13px;
   margin-top: 5px;
+  font-family: 'NanumSquareRound', sans-serif;
 }
 
 .header {