[SMH-81]: 'SUIT' Font 설치 및 적용 작업 #25

juchanhwang · 2024-05-19T02:24:11Z

Jira

SMH-81

배경

기능을 개발하게 된 배경에 대해 작성합니다.

폰트, 'SUIT' 적용

주요 기능

작업한 기능에 대해 작성합니다.

폰트, 'SUIT' 적용하였습니다.
선교 어플리케이션, 어드민에 적용하였습니다.
폰트 파일을 public 폴더 하위에 위치하였습니다.

사용 예시

기능에 대한 사용 예시를 자유롭게(텍스트, 코드, 스크린샷) 작성합니다.

├── src/
│   ├── apps/
│       ├── layout.tsx
│   ├── styles/
│       ├── _global.scss
│       ├── _font.scss
├── public/
│   ├── fonts/
│       ├── SUIT-Thin.woff2
│       ├── SUIT-ExtraLight.woff2
│       ├── SUIT-Light.woff2
│       ├── SUIT-Regular.woff2
│       ├── SUIT-Medium.woff2
│       ├── SUIT-SemiBold.woff2
│       ├── SUIT-Bold.woff2
│       ├── SUIT-ExtraBold.woff2
│       ├── SUIT-Heavy.woff2

_font.scss 파일

@font-face {
  font-family: 'SUIT';
  font-weight: 100;
  src: url('/fonts/SUIT-Thin.woff2') format('woff2');
}
......

layout.tsx 파일에 font 적용

import '@styles/_global.scss';
import type { Metadata } from 'next';

const RootLayout = ({ children }: { children: React.ReactNode }) => (
  <html lang="ko">
    <body>
      <main>{children}</main>
    </body>
  </html>
);

export default RootLayout;

기타

juchanhwang added 2 commits May 19, 2024 11:15

[SMH-81] feat(missionary-admin/fonts): SUIT 폰트 적용

28d07c3

[SMH-81] feat(missionary-app/fonts): SUIT 폰트 적용

51d3145

juchanhwang requested review from samilHero, ysnarmi, joshhhso and qkdflrgs as code owners May 19, 2024 02:24

qkdflrgs approved these changes May 24, 2024

View reviewed changes

juchanhwang merged commit 1496a3d into dev May 29, 2024
4 checks passed

juchanhwang deleted the refactor/SMH-81 branch May 29, 2024 00:25

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[SMH-81]: 'SUIT' Font 설치 및 적용 작업 #25

[SMH-81]: 'SUIT' Font 설치 및 적용 작업 #25

juchanhwang commented May 19, 2024 •

edited

Loading

[SMH-81]: 'SUIT' Font 설치 및 적용 작업 #25

[SMH-81]: 'SUIT' Font 설치 및 적용 작업 #25

Conversation

juchanhwang commented May 19, 2024 • edited Loading

Jira

배경

주요 기능

사용 예시

기타

juchanhwang commented May 19, 2024 •

edited

Loading