일로오세요

Pretendard를 React 프로젝트에 적용하기 본문

개발

Pretendard를 React 프로젝트에 적용하기

일로 2023. 6. 5. 16:26

Pretendard github에서 아래 웹폰트를 React 프로젝트의 public/index.html의 <head> 태그 안에 작성 후 tab.scss에 font-family: ‘Pretendard’; 입력

처음에는 잘 안돼서 아래의 경우의 수를 세우고 생쇼를 하긴 했다.

  1. 위의 방법이 맞는데, 적절한 위치에 넣지 않았다.
  2. 위의 방법이 맞는데, 다른 설정으로 인해 Noto Sans KR이 우선순위가 높게 적용되고 있다.
  3. 위의 방법이 틀렸다.

그러다 아래 영상을 참조해서 맞는데? 하고 갸우뚱거리며 다시 시도하니까 되었다.

How to import fonts in React js App

'개발' 카테고리의 다른 글

[혼공컴운] 1주차 - 데이터와 명령어, 메모리와 CPU, 스택과 큐  (0) 2023.07.09
'개발' Related Articles more