https://github.com/eunchurn/nanumsquareneo
Nanum Square Neo Web Font
https://github.com/eunchurn/nanumsquareneo
css eot webfont woff woff2
Last synced: about 1 year ago
JSON representation
Nanum Square Neo Web Font
- Host: GitHub
- URL: https://github.com/eunchurn/nanumsquareneo
- Owner: eunchurn
- License: mit
- Created: 2022-10-09T10:57:44.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-03-12T03:41:29.000Z (about 1 year ago)
- Last Synced: 2025-03-26T05:33:09.587Z (about 1 year ago)
- Topics: css, eot, webfont, woff, woff2
- Language: HTML
- Homepage: https://eunchurn.github.io/NanumSquareNeo/
- Size: 16.9 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nanum Square Neo WebFont
[](https://github.com/eunchurn/NanumSquareNeo/actions/workflows/pages/pages-build-deployment) [](https://github.com/eunchurn/NanumSquareNeo/actions/workflows/publish.yml)    
2022.10.07 네이버에서 발표한 새로운 폰트 [나눔스퀘어 네오](https://campaign.naver.com/nanumsquare_neo) 웹폰트 패키지.
[Demo](https://eunchurn.github.io/NanumSquareNeo/)
## Usage
### `npm`
```zsh
npm i typeface-nanum-square-neo
import "typeface-nanum-square-neo"
```
### `link` tag
- Fixed weight
```html
```
- Variable weight
```html
```
### `import`
- Fixed weight
```css
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneo.css);
```
- Variable weight
```css
@import url(https://cdn.jsdelivr.net/gh/eunchurn/NanumSquareNeo@0.0.6/nanumsquareneovar.css);
```
## Font Family
- Fixed weight
```css
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
```css
body {
font-family: "NanumSquareNeoVar", sans-serif;
}
.variable {
font-weight: var(--text-weight);
font-variation-settings: "wght" var(--text-weight);
}
```