[ React ] 리디바탕 웹 폰트 적용

 

react 프로젝트에 리디바탕을 적용해보자.

 

https://ridicorp.com/ridibatang/

리디바탕 - 리디주식회사 RIDI Corporation

여기서 폰트를 다운한다. 

 

 

fonts 폴더를 만들어서 otf 파일을 넣는다. 

 

 

body {
  margin: 0;
  font-family: "RIDIBatang", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

@font-face {
  font-family: "RIDIBatang";
  src: url("./fonts/RIDIBatang.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

 

@font-face 부분 추가하고, body 맨 앞에 "RIDIBatang"을 추가하면 전체적으로 다 적용이 된다.