[react] 폰트파일(.ttf) 로컬 폰트 적용하기

[react] 폰트파일(.ttf) 로컬 폰트 적용하기

728x90

반응형

기본 폰트는 밋밋하다

가지고 있는 파일을 적용해보자

내가 가지고있는 괜찮은 애들인데

구글폰트 여기서 다운받아도 된다.

fonts.google.com/

경로만 설정하면 되기 때문에 아무데나 src 폴더에 font폴더를 만들었다

드래그해서 넣어주기만 하면 끝 쿠키런체와 지마켓체를 사용한다

에서 다음과 같이 입력해준다

@font-face { font-family: "cookie"; // 이름 선언 src: url("./font/cookie.ttf"); // 내가 저장한 경로! } @font-face { font-family: "gmarket"; src: url("./font/gmarket.ttf"); // 내가 저장한 경로! }

졸작땜ㅁ에 만들고있는 페이지인데 생긴게 재미없다

사용:

저 제일 위에 제목텍스트 css를 가져왓따

.login_title_text { color: white; font-size: 25pt; font-family: "cookie"; //font-family : app.js에서 선언한 이름을 적어준다// }

귀여워졌다

맨날 까먹어서 또 기록한다.

728x90

반응형

from http://coding-hwije.tistory.com/50 by ccl(A) rewrite - 2021-01-08 12:27:41