대한민국 공공 서비스에 적합하며, 모든 기능을 지원하는 Pretendard를 웹폰트로 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard GOV"
입니다.
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-gov.min.css" />
cdnjs 및 UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/static/pretendard-gov.min.css" />
<link rel="stylesheet" as="style" crossorigin href="https://www.unpkg.com/[email protected]/dist/web/static/pretendard-gov.css" />
@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-gov.min.css");
cdnjs 및 UNPKG
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/static/pretendard-gov.min.css");
@import url("https://www.unpkg.com/[email protected]/dist/web/static/pretendard-gov.css");
최적화된 용량으로 보다 빠르게 Pretendard GOV를 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard GOV"
입니다.
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-gov-dynamic-subset.min.css" />
cdnjs 및 UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/static/pretendard-gov-dynamic-subset.min.css" />
<link rel="stylesheet" as="style" crossorigin href="https://www.unpkg.com/[email protected]/dist/web/static/pretendard-gov-dynamic-subset.css" />
@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-gov-dynamic-subset.min.css");
cdnjs 및 UNPKG
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/static/pretendard-gov-dynamic-subset.min.css");
@import url("https://www.unpkg.com/[email protected]/dist/web/static/pretendard-gov-dynamic-subset.css");
모던 브라우저에서 기존 다이나믹 서브셋보다 적은 용량으로 가변 Weight 속성과 함께 Pretendard GOV를 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard GOV Variable"
입니다.
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-gov-dynamic-subset.min.css" />
cdnjs 및 UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/variable/pretendardvariable-gov-dynamic-subset.min.css" />
<link rel="stylesheet" as="style" crossorigin href="https://www.unpkg.com/[email protected]/dist/web/variable/pretendardvariable-gov-dynamic-subset.css" />
@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-gov-dynamic-subset.min.css");
cdnjs 및 UNPKG
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/variable/pretendardvariable-gov-dynamic-subset.min.css");
@import url("https://www.unpkg.com/[email protected]/dist/web/variable/pretendardvariable-gov-dynamic-subset.css");
가변 weight 속성을 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard GOV Variable"
입니다.
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-gov.min.css" />
cdnjs 및 UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/variable/pretendardvariable-gov.min.css" />
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable-gov.css" />
@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-gov.min.css");
cdnjs 및 UNPKG
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/variable/pretendardvariable-gov.min.css");
@import url("https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable-gov.css");
어디서든 쾌적한 환경을 제공하고자 한다면 아래와 같은 font-family 구성을 추천합니다.
font-family: "Pretendard GOV Variable", "Pretendard GOV", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;