프리텐다드

크기 32px

라이선스

SIL Open Font License 1.1
프리텐다드는 개인 및 기업 사용자 모두에게 무료로 제공되며 자유롭게 수정 및 재배포가 가능합니다.
웹사이트, 앱, 인쇄물, 로고 등 상업적인 용도로 제한 없이 사용할 수 있습니다. 단, 폰트 파일 자체를 유료로 판매하는 것은 금지되어 있습니다.

제작사

길형진 (orioncactus)
시스템 글꼴의 가독성을 유지하면서 범용적으로 사용할 수 있도록 설계된 본문용 고딕 서체입니다.
한글폰트 상업무료 고딕체 본문용 가독성 오픈소스

웹폰트 사용 코드

🎨 CSS @font-face
@font-face {
  font-family: 'PretendardBlack';
  src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/Pretendard/Pretendard-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PretendardExtraBold';
  src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/Pretendard/Pretendard-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PretendardBold';
  src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/Pretendard/Pretendard-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PretendardSemiBold';
  src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/Pretendard/Pretendard-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PretendardMedium';
  src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/Pretendard/Pretendard-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PretendardRegular';
  src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/Pretendard/Pretendard-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PretendardLight';
  src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/Pretendard/Pretendard-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PretendardExtraLight';
  src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/Pretendard/Pretendard-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PretendardThin';
  src: url('https://cdn.jsdelivr.net/gh/whyno2617/whyno_freefont@main/Pretendard/Pretendard-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
💻 HTML 적용 예시
<p style="font-family: 'PretendardBold', sans-serif;">Bold — 프리텐다드로 텍스트를 표시합니다.</p>
<p style="font-family: 'PretendardRegular', sans-serif;">Regular — 프리텐다드로 텍스트를 표시합니다.</p>
<p style="font-family: 'PretendardLight', sans-serif;">Light — 프리텐다드로 텍스트를 표시합니다.</p>

댓글

즐겨찾기한 폰트
즐겨찾기 페이지 전체보기 →