Skip to content

Releases: eunchurn/NanumSquareNeo

0.0.6

13 Dec 16:04
597cd06
Compare
Choose a tag to compare

Nanum Square Neo WebFont

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

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

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);
}

0.0.5

13 Dec 06:54
cf37264
Compare
Choose a tag to compare

Nanum Square Neo WebFont

pages-build-deployment Publish Package to npmjs

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

Usage

link tag

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

import

  • Fixed weight
@import url(https://cdn.jsdelivr.net/npm/nanumsquareneo@0.0.5/nanumsquareneo.css);
  • Variable weight
@import url(https://cdn.jsdelivr.net/npm/nanumsquareneo@0.0.5/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);
}

0.0.4

13 Dec 06:47
de1048d
Compare
Choose a tag to compare

Nanum Square Neo WebFont

pages-build-deployment Publish Package to npmjs

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

Usage

link tag

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

import

  • Fixed weight
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.2/nanumsquareneo.css);
  • Variable weight
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.2/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);
}

0.0.2

13 Dec 06:42
c619954
Compare
Choose a tag to compare

Nanum Square Neo WebFont

pages-build-deployment Publish Package to npmjs

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

Usage

link tag

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

import

  • Fixed weight
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.2/nanumsquareneo.css);
  • Variable weight
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.2/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);
}