Skip to content

Latest commit

 

History

History

pretendard-gov

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 

Pretendard GOV

대한민국 공공 서비스에 적합하며, 모든 기능을 지원하는 Pretendard를 웹폰트로 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard GOV" 입니다.

HTML

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-gov.min.css" />
cdnjs 및 UNPKG
cdnjs
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/static/pretendard-gov.min.css" />
UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://www.unpkg.com/[email protected]/dist/web/static/pretendard-gov.css" />

CSS

@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-gov.min.css");
cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/static/pretendard-gov.min.css");
UNPKG
@import url("https://www.unpkg.com/[email protected]/dist/web/static/pretendard-gov.css");

다이나믹 서브셋

최적화된 용량으로 보다 빠르게 Pretendard GOV를 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard GOV" 입니다.

HTML

<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
cdnjs
<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" />
UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://www.unpkg.com/[email protected]/dist/web/static/pretendard-gov-dynamic-subset.css" />

CSS

@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard-gov-dynamic-subset.min.css");
cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/static/pretendard-gov-dynamic-subset.min.css");
UNPKG
@import url("https://www.unpkg.com/[email protected]/dist/web/static/pretendard-gov-dynamic-subset.css");

가변 다이나믹 서브셋

모던 브라우저에서 기존 다이나믹 서브셋보다 적은 용량으로 가변 Weight 속성과 함께 Pretendard GOV를 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard GOV Variable" 입니다.

HTML

<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
cdnjs
<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" />
UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://www.unpkg.com/[email protected]/dist/web/variable/pretendardvariable-gov-dynamic-subset.css" />

CSS

@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-gov-dynamic-subset.min.css");
cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/variable/pretendardvariable-gov-dynamic-subset.min.css");
UNPKG
@import url("https://www.unpkg.com/[email protected]/dist/web/variable/pretendardvariable-gov-dynamic-subset.css");

가변 글꼴

가변 weight 속성을 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard GOV Variable" 입니다.

HTML

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-gov.min.css" />
cdnjs 및 UNPKG
cdnjs
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/variable/pretendardvariable-gov.min.css" />
UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable-gov.css" />

CSS

@import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-gov.min.css");
cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-gov/1.3.9/variable/pretendardvariable-gov.min.css");
UNPKG
@import url("https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable-gov.css");

font-family

어디서든 쾌적한 환경을 제공하고자 한다면 아래와 같은 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;