[React] 폰트(.ttf) 적용하는 법

김광일·2024년 2월 10일
0

react

목록 보기
10/16
post-thumbnail

여러 프로젝트를 하다 보면, 폰트를 적용해야 하는 경우가 많다.

디자이너 : "폰트 적용해주세요."

개발자 : "엇,, 어떻게 하는지 알아볼게요"


이런 상황을 겪고 구글에 검색을 하는 당신을 위해 준비했다.

아주 깔끔하게 적용하는 과정을 보여드려요.



1단계 : src > font

폴더 구조

1) src 폴더 안에 font 폴더를 만든다.
2) 사용하고자 하는 폴트 파일을 넣는다.


2단계 : css 폴더 수정

적용 사진

1) font-face를 선언한다.

@font-face {
	font-family: "폰트이름"
    src : url("경로");
}

2) 만든 폰트를 적용한다.



아주 쉽게 폰트를 적용할 수 있게 된다.

당신은 이제 폰트 적용의 에이스!!

희열 짤
profile
안녕하세요, 사용자들의 문제 해결을 중심으로 하는 프론트엔드 개발자입니다. 티스토리로 전환했어요 : https://pangil-log.tistory.com

0개의 댓글