@kfonts/nexon-maplestory
메이플스토리 폰트를 self-host 하기 위한 webfont 파일과 css 파일 (Webfont and css files package for self-hosting 메이플스토리 font)
설치 (Installation)
$ npm install --save @kfonts/nexon-maplestory
혹은 (or)
yarn add @kfonts/nexon-maplestory
Self-Host 방법 (Usage)
webpack을 통해 빌드되는 프로젝트에서 다음과 같은 형태로 사용 가능합니다. (In project built via webpack, You can use it below method:)
require('@kfonts/nexon-maplestory');혹은 (or)
import '@kfonts/nexon-maplestory';그 후에 CSS 안에서 다음과 같이 사용 가능합니다. (After that, You can use it like it)
body {
font-family: "메이플스토리", "nexon-maplestory";
}주의사항 (Warning)
css-loader 버전이 낮은 경우, 폰트명에 공백이 있으면 폰트 사용이 불가합니다. css-loader의 버전을 올리거나, 띄어쓰기가 없는 대체 폰트명을 사용해주세요. (If you use low version css-loader, you can not use fontname contains spaces. I might upgrade css-loader or use alternative font name.)
Self-Host를 할 수 없는 경우의 사용법 (Usage without self-host)
다음의 HTML을 <head> 태그 내부에 삽입해주세요.
(Insert this HTML in <head> tag.)
<link rel="stylesheet" href="https://unpkg.com/@kfonts/nexon-maplestory/index.css" />