forked from chalkpe/NanumSquareRound
-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
11 additions
and
33 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,49 +1,27 @@ | ||
# NanumSquareRound | ||
# NanumSquareRound subset | ||
### 나눔스퀘어라운드 웹폰트 | ||
> 나눔스퀘어 활자 가족으로 보기에 편한 라운드와 탈네모꼴의 모듈로 설계되어 젊고 경쾌한 인상을 가진 글꼴입니다. | ||
글꼴을 설치하면 다양한 굵기와 크기로 쓸 수 있습니다. | ||
나눔스퀘어 Light, Regular, Bold, Extra Bold / 한글 2,350자, 영문 94자, KS약물 986자. 버전 1.0 | ||
|
||
http://hangeul.naver.com/2017/nanum | ||
## Thickness subset | ||
|
||
나눔스퀘어라운드 웹폰트입니다. [Demo](https://htmlpreview.github.io/?https://github.com/innks/NanumSquareRound/blob/master/index.html) | ||
|
||
## font-weigh | ||
Regular(400), Bold(700), Extra Bold(800), Light(300) 지원됩니다. | ||
Regular(400), Bold(700), Extra Bold(800), Light(300) 지원되며, 이중 원하는 굵기의 폰트 파일만 사용하여 페이지 로딩을 줄일 수 있습니다. | ||
|
||
## 사용방법 | ||
|
||
npm | ||
### `npm install` | ||
|
||
```bash | ||
npm i typeface-nanum-square-round | ||
``` | ||
```js | ||
import 'typeface-nanum-square-round' | ||
``` | ||
|
||
link 방식 | ||
### js | ||
|
||
```html | ||
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css"> | ||
``` | ||
|
||
import 방식 | ||
|
||
```css | ||
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css'); | ||
``` | ||
|
||
#### # 일반 | ||
https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.css | ||
|
||
#### # 최소 버전 | ||
https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css | ||
|
||
### css 적용방법 | ||
|
||
```css | ||
font-family: 'NanumSquareRound',sans-serif; | ||
```js | ||
import 'typeface-nanum-square-round-subset/nanumsquareroundR.min.css' | ||
// OR.. | ||
// import 'typeface-nanum-square-round-subset/nanumsquareroundL.min.css' | ||
// import 'typeface-nanum-square-round-subset/nanumsquareroundB.min.css' | ||
// import 'typeface-nanum-square-round-subset/nanumsquareroundEB.min.css' | ||
``` | ||
|
||
https://innks.github.io/2017/12/23/IT/NanumSquareRound-Web-Fonts/ |