프리텐다드
크기
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>
댓글
댓글 쓰기