[ADD] Preview Board 폰트 설정 추가 (#7)

Hongmoon-gak · Jul 21, 2023 · a0f8dfd · a0f8dfd
1 parent 9d02653
commit a0f8dfd
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 22 deletions.
diff --git a/job1/src/Main/PrevCont.js b/job1/src/Main/PrevCont.js
@@ -3,19 +3,19 @@ import PrevArt from "./PrevArt";
 function PrevCont() {
   return (
     <div className="cArtView">
-      <PrevArt title="제목" href="" likes="50" date="Date" />
+      <PrevArt title="Title" href="" likes="50" date="Date" />
       <hr />
-      <PrevArt title="제목" href="" likes="50" date="Date" />
+      <PrevArt title="Title" href="" likes="50" date="Date" />
       <hr />
-      <PrevArt title="제목" href="" likes="50" date="Date" />
+      <PrevArt title="Title" href="" likes="50" date="Date" />
       <hr />
-      <PrevArt title="제목" href="" likes="50" date="Date" />
+      <PrevArt title="Title" href="" likes="50" date="Date" />
       <hr />
-      <PrevArt title="제목" href="" likes="50" date="Date" />
+      <PrevArt title="Title" href="" likes="50" date="Date" />
       <hr />
-      <PrevArt title="제목" href="" likes="50" date="Date" />
+      <PrevArt title="Title" href="" likes="50" date="Date" />
       <hr />
-      <PrevArt title="제목" href="" likes="50" date="Date" />
+      <PrevArt title="Title" href="" likes="50" date="Date" />
     </div>
   );
 }

diff --git a/job1/src/Main/Preview.css b/job1/src/Main/Preview.css
@@ -1,15 +1,20 @@
+@import url("https://fonts.googleapis.com/css2?family=DM+Sans&family=Noto+Sans+KR:wght@500&family=Noto+Serif+KR&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=DM+Sans&family=Noto+Sans+KR:wght@500&family=Noto+Serif+KR&display=swap");
+
 .previewContainer {
   width: 54.3125rem;
   margin: 0 auto;
+  font-family: "DM Sans", "Noto Sans KR", sans-serif;
 }
 
 .cHead {
   color: #000;
-  font-family: DM Sans;
   font-size: 1.5rem;
   font-style: normal;
   font-weight: 700;
-  line-height: 1.5rem; /* 100% */
+  line-height: 1.5rem;
+
+  margin-bottom: 2rem;
 }
 
 .bar {
@@ -25,11 +30,10 @@
 .selectedBtn {
   color: #8d8ba7;
   text-align: center;
-  font-family: DM Sans;
   font-size: 1rem;
   font-style: normal;
   font-weight: 700;
-  line-height: 1.5rem; /* 150% */
+  line-height: 1.5rem;
 
   padding: 0 1rem;
   text-decoration: none;
@@ -38,11 +42,10 @@
 .Btn {
   color: #000;
   text-align: center;
-  font-family: DM Sans;
   font-size: 1rem;
   font-style: normal;
   font-weight: 700;
-  line-height: 1.5rem; /* 150% */
+  line-height: 1.5rem;
 
   padding: 0 1rem;
   text-decoration: none;
@@ -57,17 +60,15 @@
 
   color: #fff;
   text-align: center;
-  font-family: DM Sans;
   font-size: 1rem;
   font-style: normal;
   font-weight: 700;
-  line-height: 1.5rem; /* 150% */
+  line-height: 1.5rem;
 }
 
 /* PrevArt */
 .cArticle {
   display: flex;
-  /* justify-content: space-between; */
   width: 54.3125rem;
   height: 3rem;
   flex-shrink: 0;
@@ -76,35 +77,32 @@
 .cTitle {
   color: #000;
   text-align: center;
-  font-family: DM Sans;
   font-size: 1rem;
   font-style: normal;
   font-weight: 500;
-  line-height: 1.5rem; /* 150% */
+  line-height: 1.5rem;
 
   padding-left: 1.61rem;
 }
 
 .cLikes {
   color: #920000;
   text-align: center;
-  font-family: DM Sans;
   font-size: 1rem;
   font-style: normal;
   font-weight: 500;
-  line-height: 1.5rem; /* 150% */
+  line-height: 1.5rem;
 
   padding-left: 35rem;
 }
 
 .cDate {
   color: #8a8a8a;
   text-align: center;
-  font-family: DM Sans;
   font-size: 1rem;
   font-style: normal;
   font-weight: 500;
-  line-height: 1.5rem; /* 150% */
+  line-height: 1.5rem;
 
   padding-left: 10rem;
 }