토스페이스 (Tossface)

토스페이스는 토스 팀에서 디자인한 이모지 서체입니다. 디지털 환경을 고려하여 작게 보아도 명확하게 의미가 드러날 수 있도록 단순한 형태와 최소한의 묘사를 지향합니다. Unicode v14.0의 이모지 전체를 ttf, otf, woff, woff2 서체로 제공하고 있습니다.

• 폰트 다운로드
• 폰트 설치 방법

웹 폰트

CDN을 이용해 아래와 같이 토스페이스를 이용할 수 있습니다. 토스페이스가 사용하는 font-family는 Tossface입니다.

<!-- markdownlint-disable-next-line MD036 -->

CSS

@import url('https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css');

<!-- markdownlint-disable-next-line MD036 -->

HTML

<link rel="preconnect" href="https://cdn.jsdelivr.net" />
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
<link href="https://cdn.jsdelivr.net/gh/toss/tossface/dist/tossface.css" rel="stylesheet" type="text/css" />

<!-- markdownlint-disable-next-line MD036 -->

사용하기

아래와 같이 tossface class 속성을 가진 HTML 요소에 토스페이스 폰트를 사용할 수 있습니다.

.tossface {
  font-family: Tossface;
}