[**한국어**](./README.md) | [English](./README-EN.md)

# OpenType 기능

Wanted Sans에서 사용할 수 있는 기능을 안내합니다.

## 미리보기

### `tnum`: 고정폭 숫자

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/tnum.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/tnum.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/tnum.svg">
	<img width="100%" alt="tnum" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/tnum.svg">
</picture>

숫자를 같은 폭으로 맞춥니다.

### `case`: 대문자에 맞춘 문자

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/case.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/case.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/case.svg">
	<img width="100%" alt="case" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/case.svg">
</picture>

대문자에 맞춘 문자로 나타냅니다.

### `calt` `clig`: 문맥 대체

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/calt-clig.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/calt-clig.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/calt-clig.svg">
	<img width="100%" alt="calt, clig" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/calt-clig.svg">
</picture>

문맥을 지능적으로 인식해 특정한 문자를 자연스럽게 나타냅니다.

### `locl`: 현지화

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/locl.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/locl.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/locl.svg">
	<img width="100%" alt="locl" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/locl.svg">
</picture>

언어와 국가별로 문자 모양을 맞춥니다.

### `liga`: 합자

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/liga.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/liga.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/liga.svg">
	<img width="100%" alt="liga" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/liga.svg">
</picture>

특정 조합에서 모양을 맞춥니다.

### `rlig`: 특수 합자

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/rlig.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/rlig.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/rlig.svg">
	<img width="100%" alt="rlig" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/rlig.svg">
</picture>

라틴에서 일반적인 합자를 활성화합니다.

### `ccmp`: 결합 문자

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ccmp.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ccmp.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ccmp.svg">
	<img width="100%" alt="ccmp" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ccmp.svg">
</picture>

특정 조합에서 모양을 하나로 결합합니다.

### `frac` `numr` `dnom` `sinf` `sups` `subs`: 분수 및 첨자

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/frac-numr-dnom-sinf-sups-subs.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/frac-numr-dnom-sinf-sups-subs.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/frac-numr-dnom-sinf-sups-subs.svg">
	<img width="100%" alt="frac, numr, dnom, sinf, sups, subs" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/frac-numr-dnom-sinf-sups-subs.svg">
</picture>

문자를 분수 또는 첨자에 맞춰 나타냅니다.

### `ordn`: 서수

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ordn.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ordn.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ordn.svg">
	<img width="100%" alt="ordn" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ordn.svg">
</picture>

특정 문자를 서수에 맞춰 나타냅니다.

### `zero`: 슬래시 0

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/zero.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/zero.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/zero.svg">
	<img width="100%" alt="zero" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/zero.svg">
</picture>

숫자 0에서 판독성을 향상합니다.

### `salt`: 모양 대체

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/salt.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/salt.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/salt.svg">
	<img width="100%" alt="salt" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/salt.svg">
</picture>

문자를 대체 모양으로 나타냅니다.

### `ss01`: 지오메트릭 모양

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss01.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss01.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss01.svg">
	<img width="100%" alt="ss01" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss01.svg">
</picture>

문자를 지오메트릭 모양으로 나타냅니다.

### `ss02`: 일반 숫자

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss02.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss02.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss02.svg">
	<img width="100%" alt="ss02" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss02.svg">
</picture>

숫자를 일반적인 형태로 나타냅니다.

### `ss03`: 꾸밈 문자

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss03.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss03.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss03.svg">
	<img width="100%" alt="ss03" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss03.svg">
</picture>

문자를 재치있는 형태로 나타냅니다.

### `ss04`: 어센더 판독성 향상

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss04.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss04.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss04.svg">
	<img width="100%" alt="ss04" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss04.svg">
</picture>

어센더 판독성을 향상합니다.

### `ss05`: 한국 현지화

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss05.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss05.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss05.svg">
	<img width="100%" alt="ss05" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss05.svg">
</picture>

문자를 한국에 맞는 모양으로 나타냅니다.

### `ss06`: 가독성 향상

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss06.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss06.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss06.svg">
	<img width="100%" alt="ss06" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss06.svg">
</picture>

문자를 서로 확실히 구분하는 모양으로 나타냅니다.

### `ss07`: 이층 구조 a

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss07.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss07.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss07.svg">
	<img width="100%" alt="ss07" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss07.svg">
</picture>

본문 상황에 적합하도록 a 모양을 이층 구조로 나타냅니다.

### `ss08`: 이층 구조 3

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss08.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss08.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss08.svg">
	<img width="100%" alt="ss08" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss08.svg">
</picture>

모양 구분이 명확하도록 3 모양을 이층 구조로 나타냅니다.

### `ss09`: 기하학적인 Q

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss09.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss09.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss09.svg">
	<img width="100%" alt="ss09" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss09.svg">
</picture>

Q 모양을 기하학적으로 나타냅니다.

### `ss11`: 외곽선 심벌

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss11.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss11.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss11.svg">
	<img width="100%" alt="ss11" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss11.svg">
</picture>

채워진 심벌을 외곽선 심벌로 나타냅니다.

### `ss12`: 원형 심벌

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss12.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss12.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss12.svg">
	<img width="100%" alt="ss12" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss12.svg">
</picture>

사각형 심벌을 원형 심벌로 나타냅니다.

### `ss13`: 사각형 심벌

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss13.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss13.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss13.svg">
	<img width="100%" alt="ss13" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss13.svg">
</picture>

원형 심벌을 사각형 심벌로 나타냅니다.

### `ss14`: 채워진 심벌

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss14.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss14.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss14.svg">
	<img width="100%" alt="ss14" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss14.svg">
</picture>

외곽선 심벌을 채워진 심벌로 나타냅니다.

### `ss15`: 작은 심벌

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss15.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss15.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss15.svg">
	<img width="100%" alt="ss15" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss15.svg">
</picture>

심벌을 작은 심벌로 나타냅니다.

### `ss16`: 큰 심벌

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/ss16.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/ss16.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/ss16.svg">
	<img width="100%" alt="ss16" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/ss16.svg">
</picture>

심벌을 큰 심벌로 나타냅니다.

### `cvxx`: 모양 대체

<picture>
    <source media="(prefers-color-scheme: dark) and (max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/dark/cvxx.svg">
	<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/dark/cvxx.svg">
    <source media="(max-width: 600px)" srcset="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/mobile/light/cvxx.svg">
	<img width="100%" alt="cvxx" src="https://github.com/wanteddev/wanted-sans/blob/HEAD/documentation/images/features/desktop/light/cvxx.svg">
</picture>

문자 모양을 바꿔 나타냅니다.

## 적용

OpenType 기능을 적용하려면 다음과 같은 코드를 사용하세요:

#### CSS

```css
font-feature-settings: "ss01";
```
