[JavaScript] 외부 폰트 적용하는 방법

참고한 외부폰트 : 나눔스퀘어 

CSS 외부 폰트 사용하는 방법

---

1. 사용할 외부 폰트를 설정해준다.

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css">

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(NanumSquareR.eot);
 src: url(NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(NanumSquareR.woff) format('woff'),
      url(NanumSquareR.ttf) format('truetype');
}

 

2. 자바스크립트에서 소스 수정해준다.

context.font = '35px "NanumSquare"';

 

---

Canvas에서 JavaScript로 Font변경하기

developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/font