Skip to content

Latest commit

 

History

History
249 lines (155 loc) · 6.01 KB

README.md

File metadata and controls

249 lines (155 loc) · 6.01 KB
Raw

한국어 | English | 日本語

Pretendard JP

Use the code below to use Pretendard as a webfonts which is suitable for the Japanese environment and also supports all features. Provided font-family name is "Pretendard JP".

To use Korea-localized glyphs, add this code to stylesheets: font-feature-settings: "ss05";

HTML

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

CSS

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

Dynamic subset

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

HTML

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

CSS

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

Variable dynamic subset

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

HTML

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

CSS

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

Variable

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

HTML

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

CSS

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

font-family

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

font-family: "Pretendard JP Variable", "Pretendard JP", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Hiragino Sans", "Apple SD Gothic Neo", Meiryo, "Noto Sans JP", "Noto Sans KR", "Malgun Gothic", Osaka, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;

System font

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

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