diff --git a/frontend/src/components/Header.js b/frontend/src/components/Header.js index e8b2e5a9de37ba235fb4894b577d2ae412b0c12f..68a66a3f245d3bdfc5d5f3bdac5ccd50aadea6a3 100644 --- a/frontend/src/components/Header.js +++ b/frontend/src/components/Header.js @@ -47,7 +47,7 @@ function Header({ cookie }) { <img className="logo_image" alt="logo" src={logo} /> </ButtonLink> <ul> - <p>{cookie ? (<Link to="/mypage" style={{ textDecoration: "none", color: "black" }}>{cookie.name}님, 환영합니다</Link>) : '로그인하세요.'}</p> + <p className='userName'>{cookie ? (<Link to="/mypage" style={{ textDecoration: "none", color: "black" }}>{cookie.name}님, 환영합니다</Link>) : '로그인하세요.'}</p> <ul className="menu_list"> <li><ButtonLink link='/'>Home</ButtonLink></li> <li><ButtonLink link='/search'>검색</ButtonLink></li> diff --git a/frontend/src/css/Header.css b/frontend/src/css/Header.css index ac75e5d8925aeb92200b55d5445bef0420a00c92..2ac5588f52512dfc0d230d9e40478f96e3d875fa 100644 --- a/frontend/src/css/Header.css +++ b/frontend/src/css/Header.css @@ -1,3 +1,10 @@ +@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; +} + .header { /* background-color:$white; */ /* z-index: 999; */ @@ -43,4 +50,10 @@ li{ .Labelheader:hover{ color: #a5500f; +} +.userName{ + font-family: 'Pretendard-Regular'; + text-align: right; + padding-right: 10px; + font-weight: bold; } \ No newline at end of file