Update: Article 폰트 적용 및 크기 조절

frontend/src/components/Article.js

@@ -30,12 +30,12 @@ function Article({ data }) {
 
   return (
     <div className="article" onClick={() => { console.log(_id); MoveTo(`/post/${_id}`) }}>
-      <p>{keyword}</p>
+      <p className="keyword">#{keyword}</p>
       <h1>{title}</h1>
       <h3>{author.nickname} {date}</h3>
-      <p>{content}</p>
+      <p className="content">{content}</p>
       <p>{listItem}</p>
-      <p>댓글 {comments.length}  |  좋아요 {likes.length}</p>
+      <p className="comments">댓글 {comments.length}  |  좋아요 {likes.length}</p>
     </div>
   );
 }

frontend/src/css/Article.css

+@font-face {
+  font-family: 'JalnanGothic';
+  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Pretendard-Regular';
+  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
+  font-weight: 400;
+  font-style: normal;
+}
+
 .article {
   background-color: #ffffff;
   border: 1px solid gray;
   border-radius: 10px;
+  width: 100vh;
+}
+
+.article h1 {
+  font-family: 'JalnanGothic';
+}
+
+.article .keyword {
+  font-weight: bold;
+  
+}
+
+.article .content {
+  font-family: 'Pretendard-Regular';
+}
+
+.article .comments {
+  font-family: 'Pretendard-Regular';
+  font-weight: 700;
 }
 
 .article:hover {