폰트 적용

README.md

@@ -10,4 +10,8 @@
 
 2021 스마트 APP 개발 공모전
 
-주체: 고려대학교 세종캠퍼스 IT지원팀
+주체: 고려대학교 세종캠퍼스 IT지원팀
\ No newline at end of file
+
+Copyright © 2017 IBM Corp. with Reserved Font Name "Plex"
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
\ No newline at end of file

client/package.json

@@ -9,6 +9,7 @@
     "axios": "^0.21.4",
     "bootstrap": "^5.1.1",
     "bootstrap-icons": "^1.5.0",
+    "node-sass": "^6.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router-dom": "^5.3.0",

client/src/index.js

 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
+import './scss/custom.scss';
 import 'bootstrap';
 import 'bootstrap/dist/css/bootstrap.css';
 import App from './App';

client/src/scss/custom.scss

+@import "../../node_modules/bootstrap/scss/functions";
+@import "~bootstrap/scss/variables";
+
+// @import '~bootstrap/scss/bootstrap.scss';
+// @import '~bootstrap-icons/font/bootstrap-icons'; 
+
+@font-face {
+    font-family: "Plex-Bold";
+    src: url("../fonts/IBMPlexSansKR-Bold.ttf");
+}
+
+@font-face {
+    font-family: "Plex-SemiBold";
+    src: url("../fonts/IBMPlexSansKR-SemiBold.ttf");
+}
+
+@font-face {
+    font-family: "Plex-Medi";
+    src: url("../fonts/IBMPlexSansKR-Medium.ttf");
+}
+
+@font-face {
+    font-family: "Plex-Reg";
+    src: url("../fonts/IBMPlexSansKR-Regular.ttf");
+}
+
+@font-face {
+    font-family: "Plex-Light";
+    src: url("../fonts/IBMPlexSansKR-Light.ttf");
+}
+
+@font-face {
+    font-family: "Plex-ExtraLight";
+    src: url("../fonts/IBMPlexSansKR-ExtraLight.ttf");
+}
+
+@font-face {
+    font-family: "Plex-Text";
+    src: url("../fonts/IBMPlexSansKR-Text.ttf");
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: "Plex-Bold";
+}
\ No newline at end of file