Pretendard Std
라틴 환경에서 보다 적은 용량으로 Pretendard를 웹폰트로 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard Std" 입니다.
HTML
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-std.min.css" />cdnjs 및 UNPKG
cdnjs
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-std/1.3.9/static/pretendard-std.min.css" />UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/pretendard-std@1.3.9/dist/web/static/pretendard-std.css" />CSS
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-std.min.css");cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-std/1.3.9/static/pretendard-std.min.css");UNPKG
@import url("https://unpkg.com/pretendard-std@1.3.9/dist/web/static/pretendard-std.css");다이나믹 서브셋
최적화된 용량으로 보다 빠르게 Pretendard Std를 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard Std" 입니다.
HTML
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-std-dynamic-subset.min.css" />cdnjs 및 UNPKG
cdnjs
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-std/1.3.9/static/pretendard-std-dynamic-subset.css" />UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/pretendard-std@1.3.9/dist/web/static/pretendard-std-dynamic-subset.min.css" />CSS
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-std-dynamic-subset.min.css");cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-std/1.3.9/static/pretendard-std-dynamic-subset.css");UNPKG
@import url("https://unpkg.com/pretendard-std@1.3.9/dist/web/static/pretendard-std-dynamic-subset.min.css");가변 다이나믹 서브셋
모던 브라우저에서 기존 다이나믹 서브셋보다 적은 용량으로 가변 Weight 속성과 함께 Pretendard Std를 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard Std Variable" 입니다.
HTML
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-std-dynamic-subset.min.css" />cdnjs 및 UNPKG
cdnjs
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-std/1.3.9/variable/pretendardvariable-std-dynamic-subset.min.css" />UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/pretendard-std@1.3.9/dist/web/variable/pretendardvariable-std-dynamic-subset.css" />CSS
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-std-dynamic-subset.min.css");cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-std/1.3.9/variable/pretendardvariable-std-dynamic-subset.min.css");UNPKG
@import url("https://unpkg.com/pretendard-std@1.3.9/dist/web/variable/pretendardvariable-std-dynamic-subset.css");가변 글꼴
가변 weight 속성과 함께 Pretendard Std를 사용하려면 아래 코드를 사용하세요. 사용하는 font-family 이름은 "Pretendard Std Variable" 입니다.
HTML
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-std.min.css" />cdnjs 및 UNPKG
cdnjs
<link rel="stylesheet" as="style" crossorigin href="https://cdnjs.cloudflare.com/ajax/libs/pretendard-std/1.3.9/variable/pretendardvariable-std.min.css" />UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/pretendard-std@1.3.9/dist/web/variable/pretendardvariable-std.css" />CSS
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-std.min.css");cdnjs 및 UNPKG
cdnjs
@import url("https://cdnjs.cloudflare.com/ajax/libs/pretendard-std/1.3.9/variable/pretendardvariable-std.min.css");UNPKG
@import url("https://unpkg.com/pretendard-std@1.3.9/dist/web/variable/pretendardvariable-std.css");font-family
시스템에 가능한 맞추고자 한다면 아래와 같은 font-family 구성을 추천합니다.
font-family: -apple-system, BlinkMacSystemFont, "Pretendard Std Variable", "Pretendard Std", Pretendard, Roboto, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;어디서든 동일한 환경을 가지고자 한다면 아래와 같은 font-family 구성을 추천합니다.
font-family: "Pretendard Std Variable", "Pretendard Std", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;시스템 폰트
Pretendard Std를 기기에 설치해 시스템 폰트로 사용할 수 있습니다.
brew tap homebrew/cask-fonts
brew install font-pretendard-std# configuration.nix
{
fonts.fonts = with pkgs; [
pretendard-std
];
}