Pretendard 폰트

한글폰트를 지원 하는 폰트 중에 

font-weight가 다양한 폰트 중 하나가 Pretendard글꼴인데,

디자이너 길형진 님이 inter와 noto를 결합해 서로의 단점을 보완해서 만든 폰트입니다

window, ios 둘 다 지원하고 한국어에 최적화된 기호까지 지원하는 장점이 있고

Pretendard를 사용하는 웹사이트들이 많더라구요!

 

 

전체적인 설명은 제작자의 티스토리에 자세히 적혀있어서 링크 걸어봅니다.

https://cactus.tistory.com/306

Pretendard

https://github.com/orioncactus/pretendard

GitHub - orioncactus/pretendard: 어느 플랫폼에서든 사용할 수 있는 system-ui 대체 글꼴 | A system-ui alternativ

 

 

@font-face {
    font-family: "Pretendard";
    font-weight: 900;
    src: url(pre/Pretendard-Black.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 800;
    src: url(pre/Pretendard-ExtraBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 700;
    src: url(pre/Pretendard-Bold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 600;
    src: url(pre/Pretendard-SemiBold.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 500;
    src: url(pre/Pretendard-Medium.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 400;
    src: url(pre/Pretendard-Regular.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 300;
    src: url(pre/Pretendard-Light.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 200;
    src: url(pre/Pretendard-ExtraLight.woff) format('woff');
}
@font-face {
    font-family: "Pretendard";
    font-weight: 100;
    src: url(pre/Pretendard-Thin.woff) format('woff');
}

 

 

 

폰트 다운로드 바로가기 링크

https://github.com/orioncactus/pretendard/releases/tag/v1.3.8

Release v1.3.8 · orioncactus/pretendard

 

---

 

올해 Pretendard 폰트를 사용한 웹사이트

포스코청암재단

포스코청암재단

포스코 청암재단

 

 

아르떼

arte : 대한민국 문화예술 플랫폼

아르떼

 

크로스타켓

Crosstarget (크로스타겟) - 모바일 & CTV 통합 광고 플랫폼

크로스타켓 메인디자인

 

구르미비즈

구루미비즈

구르미 비즈 메인디자인