Skip to content

Commit

Permalink
feat: Add dark theme assets
Browse files Browse the repository at this point in the history
  • Loading branch information
@orioncactus
orioncactus authored Sep 21, 2023
1 parent d0506ca commit e0fe16e
Showing 1 changed file with 64 additions and 22 deletions.
86 changes: 64 additions & 22 deletions docs/feature/README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,128 +6,170 @@ WEMIX Pretendard에서 사용할 수 있는 OpenType 기능을 안내합니다.

### `calt`—문맥 대체

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/e527ecde-b56d-4a42-818f-ba03724c8ec8">
<img width="1012" alt="calt" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/d9eee762-ef7c-42f9-9c97-46f9010bb308">

</picture>
문맥을 인식해 특정한 문자를 자연스럽게 표시합니다.

### `ccmp`—합성 문자

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/a86f8f4b-9270-4f9c-a9ad-345f77f77081">
<img width="1012" alt="ccmp" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/fae201b3-db6f-49cb-a723-bed4452b76be">

</picture>
특정 문자들을 결합할 때 자연스러운 문자로 바꿔 표시합니다.

### `dlig`—합자

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/d59f8c44-9c11-44cb-8a40-cec77b4c5873">
<img width="1012" alt="dlig" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/8f08669a-309d-4740-bf28-4965ab3cc5f0">

</picture>
보다 장식적인 합자로 표시합니다.

### `frac` `sups` `subs`—분수 및 첨자

<img width="1012" alt="frac-sups-subs" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/5788fa4e-a194-40bb-b5c7-a766e1113630">

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/c1f108e9-f4c3-42e2-9a0d-5a7ced8d8610">
<img width="1012" alt="frac-sups-subs" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/c4968afe-c339-4e2b-b4dc-e3415431483a">
</picture>
분수와 첨자에 맞는 문자로 표시합니다.

### `ordn`—서수

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/31f4023d-7904-463a-85eb-1c8805442c7a">
<img width="1012" alt="ordn" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/69ecd43a-e9cf-46f2-ac03-44c7eb2c144e">

</picture>
숫자와 함께 쓸 때 서수 문자로 표시합니다.

### `salt`—문자 대체

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/c8686704-1727-4c1e-9c64-f955ce48a577">
<img width="1012" alt="salt" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/facb3462-15c0-404f-b8a4-878181231932">

</picture>
보다 장식적인 모양으로 표시합니다.

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

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/880ecb51-a020-497f-9df9-2edd184e6f67">
<img width="1012" alt="tnum" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/c9c494cc-3e20-497d-b1b1-33c97d2cb342">

</picture>
숫자를 같은 폭으로 사용할 수 있습니다.

### `zero`—슬래시 0

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/fa5ecbfa-bd0c-4ea3-b042-5c305ff5ade6">
<img width="1012" alt="zero" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/8df42deb-9400-402f-9584-ba650b8da7a2">

</picture>
숫자와 라틴 문자를 명확히 구분하도록 숫자 0에 슬래시를 추가해 표시합니다.

### `ss02`—열린 스타일 4

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/1c6129c4-d205-4982-97ac-3d3112064d58">
<img width="1012" alt="ss02" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/e73d6dcc-b46a-41af-92d2-214120a38003">

</picture>
가독성을 개선한 숫자 4 모양으로 표시합니다.

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

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/2cc71d3f-9e0d-4670-95f4-6c73e8de10a1">
<img width="1012" alt="ss05" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/38537b69-f97c-4de5-8e1b-13bc5b474323">

</picture>
한국 환경에 맞는 모양으로 표시합니다.

### `ss06`—향상된 가독성

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/9ca4d5ef-3ed8-489f-98e8-a3a5d534788d">
<img width="1012" alt="ss06" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/167bb67a-c30d-484b-8741-98708c06d02c">

</picture>
가독성을 개선한 모양으로 표시합니다.

### `ss07`—단층 스타일 a

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/a172a911-0cd8-4ac0-a66e-7cf2d39c5351">
<img width="1012" alt="ss07" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/6d1a0986-1d06-4d1d-9783-987ccd55098c">

</picture>
소문자 a를 단층 모양으로 표시합니다.

### `ss08`—직선 스타일 3

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/ed5d09aa-8326-473c-8b1c-b41a9bb81a0c">
<img width="1012" alt="ss08" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/cf80a97b-a5a2-4d65-b735-03c8da63ee39">

</picture>
가독성을 개선한 숫자 3 모양으로 표시합니다.

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

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/f0e89b3d-8967-4a8d-a153-493e84b304d6">
<img width="1012" alt="ss11" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/e6480c70-90bd-4d71-800b-5574f0c232a4">

</picture>
심벌을 외곽선 모양으로 표시합니다.

### `ss12`—원형 심벌

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/f1ac2310-b6f3-4252-8e55-7c0920d1a6d1">
<img width="1012" alt="ss12" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/d57ceb1e-326d-425e-95dd-a2c5f7ca2075">

</picture>
심벌을 원형 모양으로 표시합니다.

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

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/bdf9f839-d28b-4e15-a394-c0653ea897e3">
<img width="1012" alt="ss13" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/0b518bdd-00f1-41cb-879a-8cb5cb023130">

</picture>
심벌을 사각형 모양으로 표시합니다.

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

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/2d4a62b4-0db4-409b-8aff-8bb3356703e7">
<img width="1012" alt="ss14" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/a6103dac-95ce-40e9-8b72-547fc0690c03">

</picture>
심벌을 채워진 모양으로 표시합니다.

### `ss15`—작은 심벌

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/8af8dc79-cc87-4885-bbb5-8b41e56d344c">
<img width="1012" alt="ss15" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/6b0630c4-271c-4744-ac31-e381b1eb5f95">

</picture>
심벌을 작은 크기로 표시합니다.

### `ss16`—큰 심벌

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/3689179c-54d1-4769-bbaa-d8b3fd938603">
<img width="1012" alt="ss16" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/bbaaa6dd-7c6a-4d53-8cb5-0b87186a2618">

</picture>
심벌을 큰 크기로 표시합니다.

### `ss20`—고정폭 라틴

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/f56b9366-87ca-4b09-95ba-1969e8685649">
<img width="1012" alt="ss20" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/9c43df90-e405-490e-8edc-7a53017cb2ac">

</picture>
기본 라틴을 `tnum`—고정폭 숫자와 폭이 동일한 고정폭으로 표시합니다.

### `cvxx`—모양 대체

<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/cc330d24-9a67-4b24-9984-9da5c38b87e8">
<img width="1012" alt="cvxx" src="https://github.com/wemixarchive/wemix-pretendard/assets/7247848/d8b2240f-8fcc-4af0-971d-0bfcb03a56ce">

</picture>
## 적용

OpenType 기능을 쓰시려면 아래와 같이 코드를 사용하세요:
Expand Down

0 comments on commit e0fe16e

Please sign in to comment.