/NanumSquareNeo

Nanum Square Neo Web Font

Primary LanguageHTMLMIT LicenseMIT

Nanum Square Neo WebFont

pages-build-deployment Publish Package to npmjs npm npm GitHub issues NPM

2022.10.07 네이버에서 발표한 새로운 폰트 나눔스퀘어 네오 웹폰트 패키지.

Demo

Usage

npm

npm i typeface-nanum-square-neo
import "typeface-nanum-square-neo"

link tag

  • Fixed weight
<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneo.css"
/>
  • Variable weight
<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneovar.css"
/>

import

  • Fixed weight
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneo.css);
  • Variable weight
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneovar.css);

Font Family

  • Fixed weight
body {
  font-family: "NanumSquareNeo", sans-serif;
}
.light {
  font-weight: 100;
}
.regular {
  font-weight: 300;
}
.bold {
  font-weight: 500;
}
.extra-bold {
  font-weight: 700;
}
.heavy {
  font-weight: 800;
}
  • Variable weight
body {
  font-family: "NanumSquareNeoVar", sans-serif;
}
.variable {
  font-weight: var(--text-weight);
  font-variation-settings: "wght" var(--text-weight);
}