Skip to content

Commit

Permalink
docs: TypoDocs.md 내용 업데이트 (#141)
Browse files Browse the repository at this point in the history
- 한글/영문 관련 내용 삭제
  • Loading branch information
nijuy authored Aug 1, 2024
1 parent 4deaffb commit 0117ce9
Showing 1 changed file with 3 additions and 16 deletions.
19 changes: 3 additions & 16 deletions src/style/foundation/typo/TypoDocs.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,41 +3,28 @@
Handy Typography는 Handy에서 사용하는 타이포그래피 스타일입니다.

- 폰트는 **Pretendard**를 사용합니다. 단, 필기체와 같은 브랜딩 폰트는 가이드에서 벗어나 자유롭게 사용 가능합니다.
- 폰트의 **한글과 영문을 잘 구분**해서 사용합니다.
- 굵기는 Light(300), Regular(400), Semibold(600) 만 사용합니다.
- subset 파일을 사용하므로, 지원하지 않는 글자에 대해 유의해주세요.

<br />

또한, 타이포그래피의 이름은 아래의 규칙을 따릅니다.

> <이름>\_<한글or영문>\_<굵기>\_<크기>
> <이름>\_<굵기>\_<크기>
<br />

모든 타이포그래피 스타일은 아래에서 확인할 수 있습니다.

<br />

## 한글 타이포그래피 사용법
## 타이포그래피 사용법

```ts
import { styled } from 'styled-components';

const StyledDiv = styled.div`
${({ theme }) => theme.typo.kr.D1_EN_Sb_96};
`;
```

<br />

## 영문 타이포그래피 사용법

```ts
import { styled } from 'styled-components';

const StyledDiv = styled.div`
${({ theme }) => theme.typo.en.D1_EN_Sb_96};
${({ theme }) => theme.typo.D1_Sb_96};
`;
```

Expand Down

0 comments on commit 0117ce9

Please sign in to comment.