본문 바로가기

IT/javascript

오프라인에서 폰트를 이용하는 방법 feat nodejs + fontsource.org

반응형

나같이 폐쇄망에서 일하는 사람은 퍼블링망이 연결되어 있지 않아, 웹링크로 폰트를 가져올 수 없다.

이럴때는 node 를 이용해 패키지로 설치해서 쓰면 좋다!

 

일단 fontsource.org 사이트에서 필요한 폰트를 찾는다.

해당 폰트 화면에서 install 탭을 누른다.

가이드가 나와있는데로 설치/링크설정/이용! 을 한다.

 

//설치

npm install @fontsource/material-icons

//index.css 에 추가 링크

import '@fontsource/material-icons';

//이용

<span className="material-icons">home</span>

 

이제 폐쇄망에서도 이쁜 아이콘과 폰트를 쓰자!!

반응형