Skip to content

Latest commit

 

History

History
253 lines (158 loc) · 6 KB

README.md

File metadata and controls

253 lines (158 loc) · 6 KB
Raw

한국어 | English

Pretendard Std

Use the code below to use Pretendard as a webfonts in a Latin environment with a small file size. Provided font-family name is "Pretendard Std".

HTML

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

CSS

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

Dynamic subset

Use the code below to use Pretendard Std faster by loads the font-slices required from the page. Provided font-family name is "Pretendard Std".

HTML

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/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/1.3.9/static/pretendard-std-dynamic-subset.css" />
UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/[email protected]/dist/web/static/pretendard-std-dynamic-subset.min.css" />

CSS

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

Variable dynamic subset

You can use Pretendard Std dynamic subset much faster and smaller file size with a variable weight axis. Use the code below to use Pretendard Std with the variable dynamic subset. Provided font-family name is "Pretendard Std Variable".

HTML

<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/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/1.3.9/variable/pretendardvariable-std-dynamic-subset.css" />
UNPKG
<link rel="stylesheet" as="style" crossorigin href="https://unpkg.com/[email protected]/dist/web/variable/pretendardvariable-std-dynamic-subset.css" />

CSS

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

Variable

Use the code below to use Pretendard Std with a variable weight axis. Provided font-family name is "Pretendard Std Variable".

HTML

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

CSS

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

font-family

If you want to fit the system-font as much as possible, the following font-family are recommended:

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;

If you want to provide the same environment anywhere, the following font-family are recommended:

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;

System font

Pretendard Std can be installed on the machine and used as a system font.

brew tap homebrew/cask-fonts
brew install font-pretendard-std
# configuration.nix
{
  fonts.packages = with pkgs; [
    pretendard-std
  ];
}