본문 바로가기
css trick & base

프리텐다드 Pretendard 폰트

by uni:D 2025. 1. 6.
반응형

https://uiweb.tistory.com/58

 

@font-face {
font-family: Pretendard-Bold;
font-weight: normal;
src: local(Pretendard-Bold);
src:
local("☺"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Bold.woff2) format("woff2"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Bold.woff) format("woff"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Bold.otf) format("opentype");
}

@font-face {
font-family: Pretendard-Light;
font-weight: normal;
src: local(Pretendard-Light);
src:
local("☺"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Light.woff2) format("woff2"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Light.woff) format("woff"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Light.otf) format("opentype");
}

@font-face {
font-family: Pretendard-Medium;
font-weight: normal;
src: local(Pretendard-Medium);
src:
local("☺"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Medium.woff2) format("woff2"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Medium.woff) format("woff"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Medium.otf) format("opentype");
}

@font-face {
font-family: Pretendard-Regular;
font-weight: normal;
src: local(Pretendard-Regular);
src:
local("☺"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Regular.woff2) format("woff2"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Regular.woff) format("woff"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Regular.otf) format("opentype");
}

@font-face {
font-family: Pretendard-SemiBold;
font-weight: normal;
src: local(Pretendard-SemiBold);
src:
local("☺"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-SemiBold.woff2) format("woff2"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-SemiBold.woff) format("woff"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-SemiBold.otf) format("opentype");
}

@font-face {
font-family: Pretendard-Black;
font-weight: normal;
src: local(Pretendard-Black);
src:
local("☺"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Black.woff2) format("woff2"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Black.woff) format("woff"),
url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Black.otf) format("opentype");
}

 

 

 

Pretendard 폰트

안녕하세요 찐망고입니다 한글폰트를 지원 하는 폰트 중에 font-weight가 다양한 폰트 중 하나가 Pretendard글꼴인데,디자이너 길형진님이 inter와 noto를 결합해 서로의 단점을 보완해서 만든 폰트입

uiweb.tistory.com

 

프리텐다드 Pretendard 폰트

 

https://www.arte.co.kr/stage/review/list

 

STAGE·CINE 즐기다 > 리뷰

영화 뮤지컬 연극 최신 리뷰를 확인하세요

www.arte.co.kr

 

 


@font-face {
    font-family: Pretendard;
    font-weight: 700;
    font-display: swap;
    src: local("Pretendard Bold"),url(/_next/static/media/Pretendard-Bold.subset.ad5d93cd.woff2) format("woff2"),url(/_next/static/media/Pretendard-Bold.subset.8abeef3c.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 600;
    font-display: swap;
    src: local("Pretendard SemiBold"),url(/_next/static/media/Pretendard-SemiBold.subset.08393bc5.woff2) format("woff2"),url(/_next/static/media/Pretendard-SemiBold.subset.c72b205f.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 500;
    font-display: swap;
    src: local("Pretendard Medium"),url(/_next/static/media/Pretendard-Medium.subset.775c6667.woff2) format("woff2"),url(/_next/static/media/Pretendard-Mediuhttp://m.subset.e8246501.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 400;
    font-display: swap;
    src: local("Pretendard Regular"),url(/_next/static/media/Pretendard-Regular.subset.501d4af3.woff2) format("woff2"),url(/_next/static/media/Pretendard-Regular.subset.9d89d755.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 300;
    font-display: swap;
    src: local("Pretendard Light"),url(/_next/static/media/Pretendard-Light.8c9b882f.woff2) format("woff2"),url(/_next/static/media/Pretendard-Light.8a703ed1.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 200;
    font-display: swap;
    src: local("Pretendard ExtraLight"),url(/_next/static/media/Pretendard-ExtraLight.8d7fbdb7.woff2) format("woff2"),url(/_next/static/media/Pretendard-ExtraLight.884ece7b.woff) format("woff")
}

@font-face {
    font-family: Pretendard;
    font-weight: 100;
    font-display: swap;
    src: local("Pretendard Thin"),url(/_next/static/media/Pretendard-Thin.9335fa2f.woff2) format("woff2"),url(/_next/static/media/Pretendard-Thin.fa086059.woff) format("woff")
}

 

---------------------------------------------

@font-face {
    font-family: Pretendard-Bold;
    font-weight: 400;
    src: local(Pretendard-Bold);
    src: local("☺"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Bold.woff2) format("woff2"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Bold.woff) format("woff"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Bold.otf) format("opentype")
}

@font-face {
    font-family: Pretendard-Light;
    font-weight: 400;
    src: local(Pretendard-Light);
    src: local("☺"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Light.woff2) format("woff2"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Light.woff) format("woff"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Light.otf) format("opentype")
}

@font-face {
    font-family: Pretendard-Regular;
    font-weight: 400;
    src: local(Pretendard-Regular);
    src: local("☺"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Regular.woff2) format("woff2"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Regular.woff) format("woff"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Regular.otf) format("opentype")
}

@font-face {
    font-family: Pretendard-Medium;
    font-weight: 400;
    src: local(Pretendard-Medium);
    src: local("☺"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Medium.woff2) format("woff2"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Medium.woff) format("woff"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-Medium.otf) format("opentype")
}

@font-face {
    font-family: Pretendard-SemiBold;
    font-weight: 400;
    src: local(Pretendard-SemiBold);
    src: local("☺"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-SemiBold.woff2) format("woff2"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-SemiBold.woff) format("woff"),url(//t1.daumcdn.net/tistory_admin/frontend/assets/fonts/pretendard/Pretendard-SemiBold.otf) format("opentype")
}

반응형

'css trick & base' 카테고리의 다른 글

셀렉트 옵션 z-index?  (0) 2025.01.15
Spoqa Han Sans Neo  (0) 2025.01.09
반전모드  (0) 2024.11.03
d-flex  (0) 2024.11.03
테이블 넓이값  (0) 2024.11.02